Reformatting Array Objects Javascript [duplicate]

Question

This question already has answers here:

Javascript: How can I transform an array? (6 answers)

Closed 5 years ago.

I have an array of objects that looks like this: 🧨

[
 { apreciated_id: "123g1b1b23kbb3" },
 { apreciated_id: "asd567sad5a7sd" },
 { apreciated_id: "4hk3kjh234kjh4" } 
]

But I want it to look like this: 👨‍🎨

["123g1b1b23kbb3", "asd567sad5a7sd", "4hk3kjh234kjh4"]

How can I do it?

• Daniel A. White: Array.prototype.map

Answer 1

Something like this should do it:

const arr = [
 { apreciated_id: "123g1b1b23kbb3" },
 { apreciated_id: "asd567sad5a7sd" },
 { apreciated_id: "4hk3kjh234kjh4" } 
]
const result = arr.map(obj => obj.apreciated_id)

Map takes an array of length n of some type (in this case objects) and trasnforms it according to a function, to an array of length n of some other type (in this case strings)

• learnbydoing: Thank you so much! It works! and now I get it 🔥

Answer 2

You can use the map() function to "transform" the array.

let arr = [
 { apreciated_id: "123g1b1b23kbb3" },
 { apreciated_id: "asd567sad5a7sd" },
 { apreciated_id: "4hk3kjh234kjh4" } 
];
let res = arr.map(a => a.apreciated_id);
console.log(res);