Convert Object properties to multiple object array in JavaScript

Question

I am sure this an elementary question, apologies for asking. I've had a good time searching on the this with no luck... I am looking for the following object transformation.

var test= { one: 1, two: 2, three: 3}

Into this:

var test= [{ one: 1},{ two: 2},{ three: 3}]

Any help will be greatly appreciated, thanks!

Jay · Accepted Answer · 2020-06-08 10:28:37Z

3

Use Object.keys and Array map

var test = { one: 1, two: 2, three: 3}

var objArray = Object.keys(test).map(item => ({ [item]: test[item] }))

console.log(objArray)

answered Jun 8, 2020 at 10:28

Jay

3,1392 gold badges16 silver badges31 bronze badges

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

Comments

Rajneesh · Accepted Answer · 2020-06-08 10:30:46Z

2

with help of entries and map:

var test= { one: 1, two: 2, three: 3};
var result = Object.entries(test).map(([k,v])=>({[k]:v}));

console.log(result);

answered Jun 8, 2020 at 10:30

Rajneesh

5,3181 gold badge10 silver badges20 bronze badges

Comments

ROOT · Accepted Answer · 2020-06-08 10:36:16Z

2

You can use Object.keys() combined with .map(), here is a working snippet:

var test= { one: 1, two: 2, three: 3}

let newArr = Object.keys(test).map((el) => ({[el]: test[el]}));
console.log(newArr);

edited Jun 8, 2020 at 10:36

answered Jun 8, 2020 at 10:30

ROOT

11.7k5 gold badges35 silver badges49 bronze badges

1 Comment

Andreas Over a year ago

It's now a 1:1 copy of the accepted answer, but at least it works

Collectives™ on Stack Overflow

Convert Object properties to multiple object array in JavaScript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related