How to turn this ID-based objects into an array of objects?

Question

I have data like this:

{
  "-L8BpxbS70KYrZMQUF0W": {
    "createdAt": "2018-03-22T16:33:57+08:00",
    "email": "[email protected]",
    "name": "ss"
  },
  "-KYrZMQUF0WL8BpxbS70": {
     // etc.
   }
}

Which I want to turn into this:

[{
  id: '-L8BpxbS70KYrZMQUF0W
  createdAt: "2018-03-22T16:33:57+08:00",
  email: "[email protected]",
  name: "ss"
}, {
  id: -KYrZMQUF0WL8BpxbS70"
  // etc.
}]

I'm started with this:

  Object.keys(idBasedObjects).forEach(key => {
    console.log(resp[key])
  })

But I get undefined.

What's best way of creating this array?

Ori Drori · Accepted Answer · 2018-03-22 09:42:02Z

8

Get the keys and values using Object.entries(), and Array.map() them to to the required form using object spread:

const obj = {"-L8BpxbS70KYrZMQUF0W":{"createdAt":"2018-03-22T16:33:57+08:00","email":"[email protected]","name":"ss"},"-KYrZMQUF0WL8BpxbS70":{}};

const result = Object.entries(obj).map(([id, props]) => ({
  id,
  ...props
}));

console.log(result);

edited Mar 22, 2018 at 9:42

answered Mar 22, 2018 at 9:39

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

1 Comment

alex Over a year ago

I gotta say. This is a very clean and elegant solution.

gurvinder372 · Accepted Answer · 2018-03-22 09:41:00Z

2

Use Object.keys, Object.assign and map

var output = Object.keys(obj).map( s => Object.assign( obj[s], {id : s} ))

Demo

var obj = {
  "-L8BpxbS70KYrZMQUF0W": {
    "createdAt": "2018-03-22T16:33:57+08:00",
    "email": "[email protected]",
    "name": "ss"
  },
  "-KYrZMQUF0WL8BpxbS70": {
    "createdAt": "2018-03-22T16:33:57+08:00",
    "email": "[email protected]",
    "name": "ss2"
  }
};

var output = Object.keys(obj).map(s => Object.assign(obj[s], {
  id: s
}));

console.log(output);

answered Mar 22, 2018 at 9:41

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Collectives™ on Stack Overflow

How to turn this ID-based objects into an array of objects?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related