THE BEST NEWSLETTER ANYWHERE
Join 6,000 subscribers and get a daily digest of full stack tutorials delivered to your inbox directly.No spam ever. Unsubscribe any time.
An array of objects are a list of object enclosed in [], each object holds key and value pairs.
The map is a new type introduced in ES6 that holds key and value pairs using the hash map data structure.
Given an array of objects
var arrayObjects = [
{ sid: '11', name: 'john' },
{ sid: '14', name: 'tom' }
];
In this blog post, I will take you to examples of converting an array to a map with keys and values in javascript.
Array.map()
function calls the callback for each element of array iteration and creates key and value elements.
finally, returning a new array of keys and values into the Map constructor. Printing map object to console using the console.dir()
function.
var result = new Map(arrayObjects.map(key => [key.sid, key.name]));
console.dir(result);
And output is
Map { '11' => 'john', '14' => 'tom' }
The below explains about following things.
var arrayObjects = [{
sid: '11',
name: 'john'
}, {
sid: '14',
name: 'tom'
}
];
var result = new Map(arrayObjects.map(key => [key.sid, key.name] as[string, string]));
console.log(result)
Output is
Map { '11' => 'john', '14' => 'tom' }
🧮 Tags
Recent posts
Puppeteer Login Test example How to convert Double to Integer or Integer to double in Dart| Flutter By Example Best ways to fix 504 gateway time out in nodejs Applications Fix for Error No configuration provided for scss Multiple ways to List containers in a Docker with examplesRelated posts