将嵌套对象的数组合并到同一对象的数组中的简单方法

Question

我正在寻找一种简单的方法来将嵌套对象的数组合并到同一对象的数组中

输入：

const data=[
      { id: 123, name: "dave", age: 23 , address:{city:"chennai", zipcode:600001}},
      { id: 456, name: "chris", age: 23, address:{city:"cbe", zipcode:600002} },
      { id: 789, name: "bob", age: 23, address:{city:"tiruppur", zipcode:600003}},
      { id: 101, name: "tom", age: 23, address:{city:"erode", zipcode:600004} },
      { id: 102, name: "tim", age: 23, address:{city:"selam", zipcode:600005} }
    ]

需要的输出：

      { id: 123, name: "dave", age: 23, city:"chennai", zipcode:600001},
      { id: 456, name: "chris", age: 23, city:"cbe", zipcode:600002},
      { id: 789, name: "bob", age: 23, city:"tiruppur", zipcode:600003},
      { id: 101, name: "tom", age: 23, city:"erode", zipcode:600004},
      { id: 102, name: "tim", age: 23, city:"selam", zipcode:600005}
    ]

Answer 1

结合使用解构和扩展语法：

const data=[{ id: 123, name: "dave", age: 23 , address:{city:"chennai", zipcode:600001}},{ id: 456, name: "chris", age: 23, address:{city:"cbe", zipcode:600002} },{ id: 789, name: "bob", age: 23, address:{city:"tiruppur", zipcode:600003}},{ id: 101, name: "tom", age: 23, address:{city:"erode", zipcode:600004} },{ id: 102, name: "tim", age: 23, address:{city:"selam", zipcode:600005} }];

const result = data.map(({address, ...rest}) => ({...rest, ...address}));

console.log(result);

Answer 2

您可以使用Object.entries提取address属性中的每个属性及其值并将其分配给父对象，然后删除address属性。

const data=[{id:123,name:"dave",age:23,address:{city:"chennai",zipcode:600001}},{id:456,name:"chris",age:23,address:{city:"cbe",zipcode:600002}},{id:789,name:"bob",age:23,address:{city:"tiruppur",zipcode:600003}},{id:101,name:"tom",age:23,address:{city:"erode",zipcode:600004}},{id:102,name:"tim",age:23,address:{city:"selam",zipcode:600005}}];

const result = data.map(e => (Object.entries(e.address).forEach(f => e[f[0]] = f[1]), delete e.address, e))
console.log(result)

Answer 3

let data = [
    { id: 123, name: "dave", age: 23, address: { city: "chennai", zipcode: 600001 } },
    { id: 456, name: "chris", age: 23, address: { city: "cbe", zipcode: 600002 } },
    { id: 789, name: "bob", age: 23, address: { city: "tiruppur", zipcode: 600003 } },
    { id: 101, name: "tom", age: 23, address: { city: "erode", zipcode: 600004 } },
    { id: 102, name: "tim", age: 23, address: { city: "selam", zipcode: 600005 } }
]

data = data.map((node) => ({ id: node.id, name: node.name, age: node.age, city: node.address.city, zipcode: node.address.zipcode }))

console.log(data)

Answer 4

const data=[
      { id: 123, name: "dave", age: 23 , address:{city:"chennai", zipcode:600001}},
      { id: 456, name: "chris", age: 23, address:{city:"cbe", zipcode:600002} },
      { id: 789, name: "bob", age: 23, address:{city:"tiruppur", zipcode:600003}},
      { id: 101, name: "tom", age: 23, address:{city:"erode", zipcode:600004} },
      { id: 102, name: "tim", age: 23, address:{city:"selam", zipcode:600005} }
    ];
    
const result = data.map(item => ({id: item.id, name: item.name, age: item.age, ...item.address}));

console.log(result);