JavaScript Maps

JavaScript Maps

In JavaScript Maps is a collection of key-value pairs in JavaScript. Unlike objects, Maps allow:

✔ Any type of key (objects, functions, numbers, strings)
✔ Values to be stored in insertion order
✔ Easy size checking

---

🧩 Creating a Map

let map = new Map();

1	let map = new Map();

---

➕ Adding Key-Value Pairs

Use the .set() method:

map.set("name", "Alice"); map.set("age", 25); map.set(1, "Number Key");

1 2 3

map.set("name", "Alice"); map.set("age", 25); map.set(1, "Number Key");

---

🔍 Getting Values

console.log(map.get("name")); // Alice
console.log(map.get(1)); // Number Key


---

❓ Checking Keys

console.log(map.has("age")); // true console.log(map.has("job")); // false

1 2	console.log(map.has("age")); // true console.log(map.has("job")); // false

---

🗑 Removing Items

map.delete("age"); console.log(map.has("age")); // false

1 2	map.delete("age"); console.log(map.has("age")); // false

---

🧹 Clear All Items

map.clear(); console.log(map.size); // 0

1 2	map.clear(); console.log(map.size); // 0

---

📏 Size of a Map

console.log(map.size);

1	console.log(map.size);

---

🔁 Iterating Through a Map

Loop through keys and values:

let users = new Map([ ["id", 101], ["name", "John"], ["role", "Admin"] ]); for (let [key, value] of users) { console.log(key, ":", value); }

1 2 3 4 5 6 7 8 9

let users = new Map([ ["id", 101], ["name", "John"], ["role", "Admin"] ]);   for (let [key, value] of users) { console.log(key, ":", value); }

 

---

Using forEach():

users.forEach((value, key) => { console.log(key, "=>", value); });

1 2 3

users.forEach((value, key) => { console.log(key, "=>", value); });

---

📌 Useful Methods Summary

Method	Description
set(key, value)	Adds or updates entry
get(key)	Returns value for the key
has(key)	Checks if key exists
delete(key)	Removes key/value
clear()	Removes all entries
size	Number of items

---

🆚 Map vs Object

Feature	Map	Object
Key type	Any type	String/symbol only
Ordered	Yes	No guarantee
Iterable	Yes	No (needs conversion)
Size tracking	size property	Must count manually

---

⭐ Practical Example: Counting Occurrences

let words = ["apple", "banana", "apple", "orange", "banana"]; let counter = new Map(); for (let word of words) { counter.set(word, (counter.get(word) || 0) + 1); } console.log(counter);

1 2 3 4 5 6 7 8

let words = ["apple", "banana", "apple", "orange", "banana"]; let counter = new Map();   for (let word of words) { counter.set(word, (counter.get(word) || 0) + 1); }   console.log(counter);

 

Output:

Map(3) { 'apple' => 2, 'banana' => 2, 'orange' => 1 }

• Next story JavaScript Math
• Previous story JavaScript WeakSet

You may also like...

• 

  JavaScript Cookies

  December 1, 2025

   by CodeCapsule · Published December 1, 2025 · Last modified January 2, 2026

• 

  JavaScript Dates

  December 1, 2025

   by CodeCapsule · Published December 1, 2025 · Last modified January 2, 2026

• 

  JavaScript ES6

  December 1, 2025

   by CodeCapsule · Published December 1, 2025 · Last modified January 2, 2026