react/javascript中的解構數組

Question

我有數組

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

我的問題是，如何將其解構為具有 2 個元素（id、name）的數組

（名字應該是 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)