解构 JavaScript 对象

Question

我有一个 JavaSCript 对象 person，它包含 id、name、phone 和地址属性。我想修改属性名称并将它们放入新对象 personData 中。这可以一步完成吗？:

第 1 步（为每个属性创建一个具有不同名称的变量）：

var { id:personId, 
      name:personName, 
      phone:personPhone, 
      address:personAddress
   } = person;

第 2 步（创建一个包含这些变量的新对象）：

var personData = {
    personId,
    personName,
    personPhone,
    personAddress
}

Answer 1

您需要扩展运算符，而不是解构。

var personData = { ...person, name: 'New name', phone: 'New phone' }

这将创建一个具有 person 的所有属性的新对象 personData，并添加或替换列出的其他属性。

Answer 2

创建一个包含这些变量的新对象：

var personData = {
    personId: person.id,
    personName: person.name,
    personPhone: person.phone,
    personAddress: person.addres
}

Destructuring JavaScript Object