How to convert a plain object into an ES6 Map?

by

Yes, the Map constructor takes an array of key-value pairs.

Object.entries is a new Object static method available in ES2017 (19.1.2.5).

const map = new Map(Object.entries({foo: 'bar'}));

map.get('foo'); // 'bar'

It’s currently implemented in Firefox 46+ and Edge 14+ and newer versions of Chrome

If you need to support older environments and transpilation is not an option for you, use a polyfill, such as the one recommended by georg:

Object.entries = typeof Object.entries === 'function' ? Object.entries : obj => Object.keys(obj).map(k => [k, obj[k]]);

More Related Contents:

  1. `export const` vs. `export default` in ES6
  2. Javascript – arrow functions this in event handler?
  3. Array.fill(Array) creates copies by references not by value [duplicate]
  4. How to import ES6 modules in content script for Chrome Extension
  5. How does this object method definition work without the “function” keyword?
  6. What is the temporal dead zone?
  7. Are ES6 classes just syntactic sugar for the prototypal pattern in Javascript?
  8. ES6 Array destructuring weirdness
  9. Get functions (methods) of a class [duplicate]
  10. Which ECMAScript 6 features imply strict mode?
  11. Proper use of const for defining functions
  12. ES6 Iterate over class methods
  13. javascript es6 array feature […data, 0] “spread operator”
  14. How to add multiple classes to a ReactJS Component?
  15. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  16. JavaScript ES6: Test for arrow function, built-in function, regular function?
  17. How can I construct a Template String from a regular string? [duplicate]
  18. Javascript: What is the difference between Function and Class
  19. What does the arrow function with a () after means? [duplicate]
  20. Best way to polyfill ES6 features in React app that uses create-react-app
  21. What is the defined execution order of ES6 imports?
  22. JSON stringify ES6 class property with getter/setter
  23. How to create new instance of an extended class of custom elements
  24. How to loop over object properties with ngFor in Angular
  25. Using ‘let’ as a variable name is not throwing any errors in google v8
  26. Is this a good way to clone an object in ES6?
  27. How to create an array of objects from multiple arrays
  28. What are getters and setters for in ECMAScript 6 classes?
  29. What is ‘global symbol registry’?
  30. object destructuring: how to use intermediate nested property

Leave a Comment