Question

How to convert an object containing objects into array of objects in JavaScript

Answer 1

const objOfObjs = {
   "a": {id: 1, language: 'javascript'},
   "b": {id: 2, language: 'node.js'},
   "c": {id: 3, language: 'typescript'},
   "d": {id: 4, language: 'c'},
};


const arr = Object.values(objOfObjs);

console.log(arr); 
  
  


/*
run:
  
[{
  id: 1,
  language: "javascript"
}, {
  id: 2,
  language: "node.js"
}, {
  id: 3,
  language: "typescript"
}, {
  id: 4,
  language: "c"
}]
  
*/

 

70+ SQL courses for beginners and professionals

Answer 2

const objOfObjs = {
   "a": {id: 1, language: 'javascript'},
   "b": {id: 2, language: 'node.js'},
   "c": {id: 3, language: 'typescript'},
   "d": {id: 4, language: 'c'},
};

const arr = Object.keys(objOfObjs).map(key => objOfObjs[key]);

console.log(arr); 
  


  
/*
run:
  
[{
  id: 1,
  language: "javascript"
}, {
  id: 2,
  language: "node.js"
}, {
  id: 3,
  language: "typescript"
}, {
  id: 4,
  language: "c"
}]
  
*/

 

70+ SQL courses for beginners and professionals

Answer 3

const objOfObjs = {
   "a": {id: 1, language: 'javascript'},
   "b": {id: 2, language: 'node.js'},
   "c": {id: 3, language: 'typescript'},
   "d": {id: 4, language: 'c'},
};

const arr = Object.entries(objOfObjs).map((entry) => ( { [entry[0]]: entry[1] } ));

console.log(arr); 
  


  
/*
run:
  
[{
  a: {
    id: 1,
    language: "javascript"
  }
}, {
  b: {
    id: 2,
    language: "node.js"
  }
}, {
  c: {
    id: 3,
    language: "typescript"
  }
}, {
  d: {
    id: 4,
    language: "c"
  }
}]
  
*/

 

70+ SQL courses for beginners and professionals