In Iterate Map in JavaScript, you can iterate over the keys and values of an object or map using a for...of loop or a forEach method.
iterate map in javascript Example.
Here’s an example of using a for...of loop to iterate over the keys and values of a map:
const map = new Map([
['key1', 'value1'],
['key2', 'value2']
]);
for (const [key, value] of map) {
console.log(key, value);
}
This will output:
key1 value1
key2 value2
You can also use the forEach method to iterate over the keys and values of a map:
map.forEach((value, key) => {
console.log(key, value);
});
This will have the same output as the for...of loop above.
Keep in mind that a Map is a specific data structure in JavaScript, and it is not the same as an object. However, you can iterate over the keys and values of an object in a similar way using a for...in loop or the Object.entries method:
const obj = { key1: 'value1', key2: 'value2' };
for (const key in obj) {
console.log(key, obj[key]);
}
This will output:
key1 value1
key2 value2
You can also use the Object.entries method to get an array of key-value pairs, which you can then iterate over using a for...of loop:
for (const [key, value] of Object.entries(obj)) {
console.log(key, value);
}
This will have the same output as the for...in loop above.
FAQ?
What is a map iterator in JavaScript?
In JavaScript, a map iterator is an object that allows you to iterate over the keys and values of a map. You can get a map iterator by calling the keys(), values(), or entries() method of a map object.
How to iterate an array in JavaScript using a map?
You can use the map() method to iterate over an array and perform a transformation on each element. The map() method returns a new array with the transformed elements.
Are maps in JavaScript iterable?
Yes, maps in JavaScript are iterable, which means you can use a for...of loop or other iteration methods (such as keys(), values(), and entries()) to iterate over the keys and values of a map.
Read More.
