How to turn an object of objects to an array of objects in Javascript

Question

What should I to turn this:

{
  "1": {"name": "John", "age": "20"},
  "2": {"name": "Sam", "age": "30"},
  "3": {"name": "Tim", "age": "40"},
  }

Into this:

[
  {"id": "1", "name": "John", "age": "20"},
  {"id": "2", "name": "Sam", "age": "30"},
  {"id": "3", "name": "Tim", "age": "40"},
]

Thank you :)

What have you tried? Did it go wrong? Did you get error messages? Please update the question with some code that shows an error or issue. — Tigger, Apr 21 '21 at 23:28

score 1 · Accepted Answer · answered Apr 21 '21 at 23:32

You can easily achieve this using Object.entries, map, and array destructuring

const obj = {
  "1": { name: "John", age: "20" },
  "2": { name: "Sam", age: "30" },
  "3": { name: "Tim", age: "40" },
};

const result = Object.entries(obj).map(([key, value]) => {
  return { id: key, ...value };
});

console.log(result);

using Object.keys

const obj = {
  "1": { name: "John", age: "20" },
  "2": { name: "Sam", age: "30" },
  "3": { name: "Tim", age: "40" },
};

const result = Object.keys(obj).map((key) => {
  return { id: key, ...obj[key] };
});

console.log(result);

using for..in loop

const obj = {
  "1": { name: "John", age: "20" },
  "2": { name: "Sam", age: "30" },
  "3": { name: "Tim", age: "40" },
};

const result = [];
for (let key in obj) {
  result.push({ id: key, ...obj[key] });
}

console.log(result);

score 0 · Answer 2 · answered Apr 21 '21 at 23:30

0

function objectToArray(obj) {
    return Object.entries(obj).map(([id, value]) => ({
        id,
        ...value
    }))
}

answered Apr 21 '21 at 23:30

daymannovaes

1,416
12
23

How to turn an object of objects to an array of objects in Javascript

2 Answers2