在 JavaScript 中重命名对象键

在 JavaScript 中，经常需要修改对象的键名称，这在处理数据时非常常见。本文将介绍如何在 JavaScript 中重命名对象键。

方法1：使用解构

使用解构可以非常方便地重命名对象键。以下是一个示例：

const obj = { name: 'John', age: 30 };
const { name: newName, age: newAge } = obj;
const newObj = { newName, newAge };
console.log(newObj); // { newName: 'John', newAge: 30 }

在此示例中，我们首先创建了一个包含两个属性（name 和 age）和它们的值的对象。然后我们使用解构将原始键名重命名为新名称。最后，我们使用新名称创建了一个新对象，该对象包含重命名的键名。

方法2：剔除和重建

另一种方法是剔除原始的键和值，然后使用新的键和原始的值重建对象。以下是示例：

const obj = { name: 'John', age: 30 };
const { name, age, ...rest } = obj;
const newObj = { newName: name, newAge: age, ...rest };
console.log(newObj); // { newName: 'John', newAge: 30 }

在此示例中，我们首先创建了一个包含两个属性（name 和 age）和它们的值的对象。然后，我们使用剩余运算符将原始键和值剔除，并将其存储在 rest 对象中。最后，我们使用新的键和原始的值重新创建了一个对象，其中包含新名称和原始值。

方法3：使用 Object.keys 和 reduce

使用 Object.keys 和 reduce 方法也可以重命名对象键。以下是一个示例：

const obj = { name: 'John', age: 30 };
const newObj = Object.keys(obj).reduce((acc, key) => {
  acc[key === 'name' ? 'newName' : 'newAge'] = obj[key];
  return acc;
}, {});
console.log(newObj); // { newName: 'John', newAge: 30 }

在此示例中，我们首先创建了一个包含两个属性（name 和 age）和它们的值的对象。然后我们使用 Object.keys 方法获取原始对象的所有键名，之后使用 reduce 方法将这些键名转换为新键名，并将原始键和值映射到新对象中。

结论

JavaScript 中重命名对象键有很多不同的方法。您可以使用解构，剔除和重建，或 Object.keys 和 reduce 方法。使用这些方法中的任何一个都可以很容易地重命名对象中的键。