Convert Array of String into Array of Objects

Question

I have this structure:

materials= ["a","b","c"]

and I need it to be like this:

data= [{material:"a"},{material:"b"},{material:"c"}]

• nbokmans: Okay, good luck. be sure to let us know if you have any questions.
• Zohaib Ijaz: what have you done so far?
• Alok Swain: Welcome to SO. What did you try ? You should try to solve the problem yourself and post question showing how you attempted it and maybe point out what's not working to get an answer which will solve your problem and clear your understanding. (Win/Win :) Happy coding.
• Tamil Selvan C: use array map for this developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
• Ele: materials.map(material => ({material}))

Answer 1

You can use map:

materials.map(a=> ({material: a}))

An example:

let materials= ["a","b","c"];
const result = materials.map(a=> ({material: a}))
console.log(result)

or even shorter (thanks to Ele):

materials.map(material => ({material}));

let materials= ["a","b","c"];
const result = materials.map(material => ({material}));
console.log(result)

• Ele: const result = materials.map(material => ({material}));
• Daggle: Thank you very much, I was trying to do it with Array.forEach() but I was sure there was a cleaner method, now I finally understand what .map() does!

Answer 2

You could use map method.

var materials= ["a","b","c"]
console.log(materials.map(material => ({material})));

Answer 3

You can use Array.forEach():

var materials= ["a","b","c"]
var res = [];
materials.forEach((a) => res.push({material: a}));
console.log(res);

Answer 4

const obj = materials.map((material)=>{
 return ({"material": material})
 });
console.log(obj);

Answer 5

I would use Array.map:

const test = ["a", "b", "c"];
const result = test.map(e => {
 return { material: e };
});
console.log(test);
console.log(result);

Answer 6

let materials= ["a","b","c"]
let newObj = materials.map(material => ({material}));
console.log(newObj);