How do you convert a Map to an array of objects in JavaScript?

General Discussions
,
1

Hi everyone!

I’m working with data structures and have a quick question about transforming a Map into a specific array format.

For example, given:

JavaScriptlet myMap = new Map().set('a', 1).set('b', 2);`

how can you transform it into this array format?

JavaScript[
  { name: "a", value: "1" },
  { name: "b", value: "2" }
]

What’s the best way to convert a Map to an array like this?

Thanks!!

2

Hello there! Your question about transforming a Map into a specific array format is a common and practical one in JavaScript!

You can easily do this using Array.from() and a simple mapping function. For example:

let myMap = new Map().set('a', 1).set('b', 2);
let arr = Array.from(myMap, ([name, value]) => ({ name, value: value.toString() }));
console.log(arr);

This neatly gives you exactly what you want, a clean array of objects with keys name and value as strings.

Hope this solution makes your data transformations smooth!

3

Hello!

Building on @Rashmihasija’s Array.from() approach , here’s another elegant way to convert your Map to that specific array format.

If you prefer using spread syntax, you can achieve this transformation with a concise line of code:

let myMap = new Map().set('a', 1).set('b', 2);
let arr = [...myMap].map(([name, value]) => ({ name, value: String(value) }));
console.log(arr);

This method first spreads the Map entries into an array of [key, value] pairs, and then precisely maps each entry to your desired object format. It’s often seen as a very readable and modern JavaScript solution.

Hope this helps. @Ariyaskumar do let me know if you encounter any issue while trying this. Thank you :grin:

4

Hello @Ariyaskumar Yes indeed Array.from() method suggested by @Rashmihasija and spread syntax method by @devan-skeem we good ones. But I also had one, let me tell you about the same.

You could also loop through the Map manually and push objects into an array if that style suits your needs:

let myMap = new Map().set('a', 1).set('b', 2);
let arr = [];
for (let [name, value] of myMap) {
  arr.push({ name, value: value.toString() });
}
console.log(arr);

While it’s a bit more verbose than the one-liners, this approach works perfectly and is especially useful if you want to add more logic during the iteration, such as conditional checks or transformations.

Hope this one works for you. Thankyou