ES6（4） Map 集合详解

1. Map 集合简介

  Map 是 ES6 提供的一种新的键值对数据结构，与普通对象（Object）不同，Map 的键可以是任意类型（包括对象、函数等）。

2. 创建 Map 集合

可以使用 new Map() 创建一个 Map，并在括号内传入一个二维数组来初始化键值对。

let author = new Map([
    ['name', 'theodore'],
    ['age', '21'],
    ['web', 'https://blog.csdn.net/Theodore_1022']
]);
console.log(author);

3. 添加元素

使用 set() 方法可以向 Map 添加新键值对。

author.set('weight', '1000');
console.log(author);

4. 删除元素

使用 delete() 方法可以删除指定的键。

author.delete('weight');
console.log(author);

5. 检查 Map 是否包含某个键

使用 has() 方法可以检查 Map 是否包含某个键。

let isExist = author.has('weight');
console.log(isExist); // 输出：false

6. 获取 Map 的大小

使用 size 属性可以获取 Map 中的键值对数量。

let num2 = author.size;
console.log(num2); // 输出：3

7. 将 Map 转换为数组

可以使用 Array.from() 方法将 Map 转换为数组。

let arrAuthor = Array.from(author);
console.log(arrAuthor);

或者使用扩展运算符 ...。

let arrAuthor2 = [...author];
console.log(arrAuthor2);

8. 遍历 Map 集合

8.1 使用 for...of 遍历

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

8.2 使用 forEach() 遍历

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

9. 清空 Map 集合

使用 clear() 方法可以清空 Map 集合。

author.clear();
console.log(author); // 输出：Map {}

10. 结语

        ES6 的 Map 提供了一种更强大的键值对存储方式，相比于普通对象，它允许任意类型作为键，并且提供了更方便的迭代方法。掌握 Map，可以更高效地管理和操作数据结构，提高 JavaScript 编程的灵活性。