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?

Does this answer your question? How might I extract the property values of a JavaScript object into an array? — Heretic Monkey
– Heretic Monkey, Commented Mar 18, 2020 at 17:14

Andy · Accepted Answer · 2020-03-18 17:07:35Z

3

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);

answered Mar 18, 2020 at 17:07

Andy

63.6k13 gold badges72 silver badges99 bronze badges

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

Comments

Alex L · Accepted Answer · 2020-03-18 17:34:31Z

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);

edited Mar 18, 2020 at 17:34

answered Mar 18, 2020 at 17:03

Alex L

4,2711 gold badge11 silver badges30 bronze badges

2 Comments

Andy Over a year ago

You don't need the map in there. Object.values is sufficient on its own.

Patrick Hund Over a year ago

What’s the point in adding a „map“? Object.values already gives us an array with the values, your call to map does nothing than pass the values from that array on to another one

Sajeeb Ahamed · Accepted Answer · 2020-03-18 17:04:13Z

0

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);

answered Mar 18, 2020 at 17:04

Sajeeb Ahamed

6,4382 gold badges23 silver badges36 bronze badges

Comments

norbitrial · Accepted Answer · 2020-03-18 17:06:10Z

0

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!

edited Mar 18, 2020 at 17:06

answered Mar 18, 2020 at 17:01

norbitrial

15.2k10 gold badges39 silver badges66 bronze badges

2 Comments

Andy Over a year ago

Object.values() is shorter :)

norbitrial Over a year ago

@Andy That's correct, just extended my answer with that comment, thanks!

Collectives™ on Stack Overflow

Convert a map to an array - Javascript

4 Answers 4

Comments

2 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related