解构JavaScript对象

时间:2018-12-06 02:51:42

标签: javascript destructuring

我有一个JavaSCript对象 person ,其中包含 id 名称电话地址属性。我想修改属性名称并将其放入新对象 personData 。可以一步完成吗?:

第1步(为每个具有不同名称的属性创建一个变量):

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

第2步(创建一个包含这些变量的新对象):

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

2 个答案:

答案 0 :(得分:1)

您要使用传播算子,而不要进行破坏。

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

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

答案 1 :(得分:1)

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

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