react/javascript 中的解构数组

Question

我有数组

如您所见，它有 4 个元素（created_at、first_name、id、last_name）。

我的问题是，如何将它解构为具有 2 个元素（id、名称）的数组

（名称应为 first_name + last_name）

Answer 1

只需使用map:

arr.map(({id, first_name, last_name}) => { return {id, name: first_name + ' ' + last_name}})

一个例子：

let arr = [{
    "id": 100,
    "first_name": "first_name_1",
    "last_name": "last_name_1",

},
{
    "id": 101,
    "first_name": "first_name_2",
    "last_name": "last_name_2",
}
];

console.log(arr.map(({id, first_name, last_name}) => { return {id, name: first_name + ' ' + last_name}}))

Answer 2

您可以使用map 来获取您需要的新数组。代码看起来像

const data = [
  {created_at:"2020-01-05", first_name:"Sadio", id:1, last_name:"Marne"},
  {created_at:"2020-01-05", first_name:"Mohamed", id:2, last_name:"Salah"},
  {created_at:"2020-01-05", first_name:"Palash", id:3, last_name:"Kanti"},
  {created_at:"2020-01-05", first_name:"Tuhin", id:4, last_name:"Saha"},
  ]

let newArray=data.map(res=>{
  return {id:res.id, name:res.first_name+' '+res.last_name}
});

console.log(newArray)

react/javascript 中的解构数组

Destructuring array in react/javascript

javascript

arrays

destructuring

reactjs