正文

JS实现Map：详解原生JavaScript如何使用Map对象存储键值对，涵盖初始化、添加、删除、查找及遍历等实用技巧

/0 浏览量
0703

在JavaScript中，Map 对象是一种新的数据结构，它类似于对象，但键可以是任何类型，包括对象和函数。与传统的对象不同，对象的键只能是字符串或符号。下面，我们将详细探讨如何使用原生JavaScript的Map对象。

初始化Map

Map对象可以通过new关键字创建。在初始化时，可以传入一个可迭代的对象作为参数，该对象中的每个元素都会被转换为一个键值对，添加到新的Map对象中。

let map = new Map();

或者，如果你有一个对象，可以这样做：

let obj = {a: 1, b: 2};
let map = new Map(Object.entries(obj));

添加键值对

向Map对象中添加键值对非常简单，可以使用set方法。

map.set('key1', 'value1');
map.set(123, 'value2');
map.set(true, 'value3');

删除键值对

使用delete方法可以删除Map对象中的键值对。

map.delete('key1');

查找键值对

要查找Map对象中的键值对，可以使用get方法。

let value = map.get('key2');
console.log(value); // 输出: value2

如果键不存在，get方法将返回undefined。

遍历Map

Map对象提供了多种遍历方式。

使用for...of循环

for (let [key, value] of map) {
    console.log(key, value);
}

使用forEach方法

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

使用keys和values方法

这两个方法分别返回一个迭代器，它包含Map对象中所有的键或值。

for (let key of map.keys()) {
    console.log(key);
}

for (let value of map.values()) {
    console.log(value);
}

使用entries方法

这个方法返回一个迭代器，它包含Map对象中所有的键值对。

for (let [key, value] of map.entries()) {
    console.log(key, value);
}

总结

Map对象是JavaScript中一种强大的数据结构，它提供了灵活的键值对存储方式。通过本文的介绍，你应该已经掌握了如何使用Map对象进行初始化、添加、删除、查找和遍历键值对。希望这些技巧能够帮助你更好地在项目中使用Map对象。

-- 展开阅读全文 --