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"}]

Okay, good luck. be sure to let us know if you have any questions. — nbokmans
– nbokmans, Commented Feb 6, 2020 at 12:33
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. — Alok Swain
– Alok Swain, Commented Feb 6, 2020 at 12:34
use array map for this developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Tamil Selvan C
– Tamil Selvan C, Commented Feb 6, 2020 at 12:34

StepUp · Accepted Answer · 2020-02-06 12:44:09Z

3

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)

edited Feb 6, 2020 at 12:44

answered Feb 6, 2020 at 12:34

StepUp

38.5k16 gold badges95 silver badges159 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ele Over a year ago

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

Daggle Over a year ago

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!

Mihai Alexandru-Ionut · Accepted Answer · 2020-02-06 12:38:26Z

3

You could use map method.

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

edited Feb 6, 2020 at 12:38

answered Feb 6, 2020 at 12:34

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2020-02-06 12:33:46Z

0

You can use Array.forEach():

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

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

answered Feb 6, 2020 at 12:33

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Comments

PrakashT · Accepted Answer · 2020-02-06 12:34:55Z

0

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

console.log(obj);

answered Feb 6, 2020 at 12:34

PrakashT

9211 gold badge8 silver badges19 bronze badges

Comments

KieranLewin · Accepted Answer · 2020-02-06 12:37:30Z

0

I would use Array.map:

const test = ["a", "b", "c"];

const result = test.map(e => {
    return { material: e };
});

console.log(test);
console.log(result);

answered Feb 6, 2020 at 12:37

KieranLewin

2,3902 gold badges9 silver badges13 bronze badges

Comments

Arun Kumar · Accepted Answer · 2020-02-06 12:41:51Z

0

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

answered Feb 6, 2020 at 12:41

Arun Kumar

134 bronze badges

Collectives™ on Stack Overflow

Convert Array of String into Array of Objects

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related