JavaScript Map Reference

JavaScript Map is a collection of elements where each element is stored as a key, value pair. Map objects can hold both objects and primitive values as either key or value. When we iterate over the map object it returns the key, and value pair in the same order as inserted.

You can create a JavaScript Map by:

• Passing an Array to new Map()
• Create a Map and use Map.set()

Passing an Array to new Map()

Example: In this example, an array of key-value pairs is passed to the Map constructor to create a Map. Each sub-array [key, value] represents a key-value pair.

// Create a Map by passing an Array of key-value pairs to the Map constructor
const arrayMap = new Map([
    ['key1', 'value1'],
    ['key2', 'value2'],
    ['key3', 'value3']
]);
// Accessing values in the Map
console.log(arrayMap.get('key1'));  // Output: "value1"
console.log(arrayMap.get('key2'));  // Output: "value2"
console.log(arrayMap.get('key3'));  // Output: "value3"

value1
value2
value3

Create a Map and use Map.set()

Example: In this example, an empty Map is created, and then key-value pairs are added using the Map.set() method. This approach is useful when you want to dynamically build a Map during runtime.

// Create an empty Map and use Map.set() to add key-value pairs
const setMap = new Map();
// Adding key-value pairs using Map.set()
setMap.set('name', 'John');
setMap.set('age', 25);
setMap.set('city', 'New York');
// Accessing values in the Map
console.log(setMap.get('name'));  // Output: "John"
console.log(setMap.get('age'));   // Output: 25
console.log(setMap.get('city'));  // Output: "New York"

John
25
New York

The complete list of JavaScript Map is listed below:

JavaScript Map Constructor: In JavaScript, a constructor gets called when an object is created using the new keyword.

JavaScript Map Properties: A JavaScript property is a member of an object that associates a key with a value.

• Instance Properties: An instance property is a property that has a new copy for every new instance of the class.

JavaScript Map Methods: JavaScript methods are actions that can be performed on objects.

• Instance Methods: If the method is called on the instance of a Map then it is called an instance method of Map.