I have array 
as you can see, it has 4 elements (created_at, first_name, id, last_name).
My question is, how do I destructure it into an array that has 2 elements(id, name)
(name should be first_name + last_name)
2
-
Kindly post the real javascript data rather than image from console.Maheer Ali– Maheer Ali2020-01-13 10:45:35 +00:00Commented Jan 13, 2020 at 10:45
-
1What you have is an array of 2 objects, each object containing 4 keysfeatlorin– featlorin2020-01-13 10:46:33 +00:00Commented Jan 13, 2020 at 10:46
Add a comment
|
2 Answers
Just use map:
arr.map(({id, first_name, last_name}) => { return {id, name: first_name + ' ' + last_name}})
An example:
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}}))
3 Comments
Mickael B.
Maybe add a space between
first_name and last_name
Shreyan Mehta
I wrote the same answer but before I pressed post this answer came in haha, upvoted this
Mickael B.
You can also wrap the object in parenthesis so you don't need
return keywordYou can use map to get the new array as your requirements. Code look likes
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)
Comments
