how to convert Object in array saving the key

Question

I want to change my object into an Array of this objects, this is what I have:

const myObj = {
  element1: {
    value1: 1,
    value2: 2
  },
  element2: {
    value1: 3,
    value2: 4
  },
  element3: {
    value1: 5,
    value2: 6
  }
}

What I want to get is:

const myArray = [
  {element1: {
    value1: 1,
    value2: 2
  }
  },{
  element2: {
    value1: 3,
    value2: 4
  },{
  element3: {
    value1: 5,
    value2: 6
  }
 }
]

But I don't get it, this is my choice:

const myArray = Object.keys(myObj).map(item => myObj[item]);

But I lose the "elementX" key.

What are I'm missing?

abdullahkady · Accepted Answer · 2018-09-26 08:37:23Z

3

You're just forgetting to actually include the key, aka item variable, you just include the value of such key using myObject[item].

Should be :

const myArray = Object.keys(myObject).map(item => {
  return { [item]: myObject[item] };
});

Since you forget the key, you just get the value.

Using implied returns from arrow functions with object literals, you can use an expression brackets like so: Object.keys(myObject).map(item => ({ [item]: myObject[item] }) );

edited Sep 26, 2018 at 8:37

answered Sep 26, 2018 at 7:17

abdullahkady

1,0711 gold badge8 silver badges8 bronze badges

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

3 Comments

Amit Chigadani Over a year ago

I guess this would always return key as item, but not element1, element2 etc

cucuru Over a year ago

perfect! that was my problem, the only point is change item by [item], because if not all elements has "item" instead it value

Cata John Over a year ago

Missing a closing bracket } on last line of your code.

Amit Chigadani · Accepted Answer · 2018-09-26 07:19:20Z

0

You are almost there, You have to return an object instead of just properties of an object

const myArray = Object.keys(myObj).map((item) => {
      let temp = {};
      temp[item] = myObj[item];
      return temp;
    });

DEMO

answered Sep 26, 2018 at 7:19

Amit Chigadani

29.9k14 gold badges88 silver badges102 bronze badges

Collectives™ on Stack Overflow

how to convert Object in array saving the key

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related