How can I Display a JavaScript ES6 Map Object to Console?

javascript dictionary ecmascript-6 console.log ecmascript-2016
newguy picture newguy · Aug 8, 2017 · Viewed 13.8k times · Source

I'm using repl.it/languages/javascript.

Do I have to convert it to an object before I print it out?

I've tried

The results are always empty object.

When I use 

console.log([...mapObject]);

It prints out an array format.

Answer

samehanwar picture samehanwar · Sep 7, 2020

there is a more simpler solution you can try.

 const mapObject = new Map();   
 mapObject.set(1, 'hello');

 console.log([...mapObject.entries()]);
 // [[1, "hello"]]

 console.log([...mapObject.keys()]);
 // [1]

 console.log([...mapObject.values()]);
 // ["hello"]

Related questions

How to convert Map keys to array?

Lets say I have the following map: let myMap = new Map().set('a', 1).set('b', 2); And I want to obtain ['a', 'b'] based on the above. My current solution seems so long and horrible. let myMap = new Map().set('a', 1).…

Read More
Map vs Object in JavaScript

I just discovered chromestatus.com and, after losing several hours of my day, found this feature entry: Map: Map objects are simple key/value maps. That confused me. Regular JavaScript objects are dictionaries, so how is a Map different from …

Read More
How do you JSON.stringify an ES6 Map?

I'd like to start using ES6 Map instead of JS objects but I'm being held back because I can't figure out how to JSON.stringify() a Map. My keys are guaranteed to be strings and my values will always be …

Read More