JS Map 对象

JS Map 对象

概述

在 JavaScript 中，Map 是一种数据结构，用于存储键-值对。与其他的数据结构（如对象）相比，Map 对象提供了更多的简便操作和更多的功能。使用 Map 对象可以更容易地添加、删除、查找和迭代键值对。

创建 Map 对象

可以使用 new 关键字来创建一个空的 Map 对象，如下所示：

var map = new Map();

此时，map 是一个空的 Map 对象。

你也可以在创建的时候向 Map 对象中添加初始的键值对。这里的键可以是任意的数据类型，包括基本类型和对象。不同于对象，键不会自动转换为字符串。如下所示：

var map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
  ['key3', 'value3']
]);

通过上面的方式创建的 map 对象初始包含了三个键值对。

添加和获取键值对

Map 对象提供了 set 方法用于添加指定的键值对，如下所示：

map.set('key4', 'value4');

通过上面的代码，我们向 map 对象中添加了一个键值对。

可以使用 get 方法来获取指定键对应的值，如下所示：

var value = map.get('key4');
console.log(value); // 输出：value4

上面的示例展示了如何获取键 'key4' 对应的值。

如果尝试获取一个不存在的键对应的值，则返回 undefined。

判断 Map 对象是否包含某个键

你可以通过使用 has 方法来判断一个键是否存在于 Map 对象中，如下所示：

var hasKey = map.has('key3');
console.log(hasKey); // 输出：true

此时，hasKey 的值为 true，表示 map 对象中包含键 'key3'。

删除键值对

通过使用 delete 方法可以删除指定的键值对。该方法返回一个布尔值，表示是否成功删除键值对。

var isDeleted = map.delete('key1');
console.log(isDeleted); // 输出：true

上面的示例删除了键 'key1' 对应的键值对，并将返回值赋给了 isDeleted。

获取 Map 对象的键、值和键值对个数

可以使用 keys 方法获取 Map 对象中所有的键，使用 values 方法获取 Map 对象中所有的值，使用 entries 方法获取 Map 对象中所有的键值对。

var keys = map.keys();
var values = map.values();
var entries = map.entries();

console.log(keys); // 输出：MapIterator { 'key2', 'key3', 'key4' }
console.log(values); // 输出：MapIterator { 'value2', 'value3', 'value4' }
console.log(entries); // 输出：MapIterator { [ 'key2', 'value2' ], [ 'key3', 'value3' ], [ 'key4', 'value4' ] }

上面的示例展示了如何获取 Map 对象中的键、值和键值对的集合，并将它们分别赋值给了 keys、values 和 entries。

如果你希望访问集合中所有的元素，可以使用 for...of 循环，如下所示：

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

上面的代码会依次输出 Map 对象中的每个键值对。

可以使用 size 属性获取 Map 对象中键值对的个数，如下所示：

var size = map.size;
console.log(size); // 输出：3

上面的示例展示了如何获取 Map 对象中键值对的个数，并将结果赋值给了 size。

清空 Map 对象

通过使用 clear 方法可以清空 Map 对象中的所有键值对。

map.clear();

上面的代码清空了 map 对象中的所有键值对。

总结

本篇文章介绍了 JavaScript 中的 Map 对象。通过使用 Map 对象，你可以更方便地操作键值对，并且提供了更灵活的功能。

我们了解了如何创建 Map 对象，如何添加和获取键值对，如何判断 Map 对象中是否包含指定的键，如何删除键值对，如何获取 Map 对象的键、值和键值对的个数，以及如何清空 Map 对象。这些知识点对于你更好地使用 Map 对象非常重要。