Convert a map to an array - Javascript

Question

I have a map of objects which I want to convert to an array of objects.

The map looks as follows, using each objects id as a key:

{
    'a' : {
        id ' a',
        name : 'Andrew'
    },
    'b' : {
        id : 'b',
        name : 'Barry'
    },
    'c' : {
        id: 'c',
        name: 'Caroline'
    }
}

and I would like to convert it an an array:

[
    {
        id: 'a',
        name : 'Andrew'
    },{
        id: 'b',
        name : 'Barry'
    },{
        id : 'c',
        name: 'Caroline'
    }
]

preferably using vanilla js, but I use lodash in my application so I have access to that library.

Could someone point me in the right direction please?

Answer 1

Use Object.values() :

 const data = { a: { id: 'a', name: 'Andrew' }, b: { id: 'b', name: 'Barry' }, c: { id: 'c', name: 'Caroline' } }; const result = Object.values(data); console.log(result);

Answer 2

You can do it like this

 const input = { 'a' : { id: ' a', name : 'Andrew' }, 'b' : { id : 'b', name : 'Barry' }, 'c' : { id: 'c', name: 'Caroline' } }; const output = Object.values(input); console.log(output);

Answer 3

You can use Object.entries() and .map() combination for example:

 const data = { 'a' : { id: 'a', name : 'Andrew' }, 'b' : { id : 'b', name : 'Barry' }, 'c' : { id: 'c', name: 'Caroline' } }; const result = Object.entries(data).map(e => e[1]); console.log(result);

Or you can use Object.values() for shorter version.

I hope this helps!

Answer 4

You can simply do it by map through the Object.keys()

 const data = { 'a': { id: ' a', name : 'Andrew' }, 'b': { id : 'b', name : 'Barry' }, 'c': { id: 'c', name: 'Caroline' } }; const arr = Object.keys(data).map(v => data[v]); console.log(arr);