谈谈es6 Map 函数

发现宝藏

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。【宝藏入口】。

---

Map 是 ES6 中引入的一种新的数据结构，它类似于对象（Object），但与对象相比，Map 提供了更多的灵活性和功能。Map 用来存储键值对（key-value pairs），并且它的键可以是任何类型，而不仅仅是字符串或符号。相较于普通对象，Map 在很多方面提供了更好的性能和更方便的API。

基本概念

• Map 是一种集合（collection），其中每个元素都由一个键（key）和一个值（value）组成。
• 在 Map 中，键和值都是任意类型的，比如：对象、函数、数组等。
• 与普通对象不同，Map 中的键值对是有序的，即插入的顺序会被保存下来。

创建 Map 实例

let myMap = new Map();  // 创建一个空的 Map 实例

你也可以在创建时直接传入一个二维数组（数组的每个元素是一个由键值对组成的数组）来初始化 Map：

let myMap = new Map([['name', 'Alice'],['age', 25],['job', 'developer']
]);

常用方法

1. .set(key, value)

set 方法用于向 Map 添加新的键值对。如果键已经存在，则会更新该键对应的值。

let map = new Map();
map.set('name', 'Alice');
map.set('age', 25);
map.set('job', 'developer');
console.log(map);
// Map(3) { 'name' => 'Alice', 'age' => 25, 'job' => 'developer' }

2. .get(key)

get 方法用于根据键获取对应的值。如果该键不存在，返回 undefined。

console.log(map.get('name'));  // 输出 'Alice'
console.log(map.get('address'));  // 输出 undefined

3. .has(key)

has 方法检查 Map 中是否存在某个键，返回 true 或 false。

console.log(map.has('name'));  // 输出 true
console.log(map.has('address'));  // 输出 false

4. .delete(key)

delete 方法用于删除 Map 中指定键值对。如果该键存在，返回 true，否则返回 false。

map.delete('age');
console.log(map.has('age'));  // 输出 false

5. .clear()

clear 方法用于删除 Map 中的所有键值对。

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

6. .size

size 是一个属性，用来获取 Map 中键值对的数量。

let map = new Map();
map.set('name', 'Alice');
map.set('age', 25);
console.log(map.size);  // 输出 2

7. .keys(), .values(), .entries()

这些方法分别返回 Map 中所有键、所有值、所有键值对的迭代器。

• .keys() 返回一个迭代器，包含 Map 中的所有键。
• .values() 返回一个迭代器，包含 Map 中的所有值。
• .entries() 返回一个迭代器，包含 Map 中的所有键值对。

let map = new Map([['name', 'Alice'],['age', 25]
]);// 获取所有键
for (let key of map.keys()) {console.log(key);  // 输出 'name', 'age'
}// 获取所有值
for (let value of map.values()) {console.log(value);  // 输出 'Alice', 25
}// 获取所有键值对
for (let [key, value] of map.entries()) {console.log(key, value);  // 输出 'name' 'Alice', 'age' 25
}

8. .forEach(callback)

forEach 方法用于遍历 Map 中的所有键值对，参数是一个回调函数，该函数接收三个参数：value、key、map。

let map = new Map([['name', 'Alice'],['age', 25]
]);map.forEach((value, key) => {console.log(key, value);
});
// 输出:
// name Alice
// age 25

特点总结

1. 键可以是任意类型：Map 的键可以是任何数据类型，包括对象、数组、函数等。
2. 插入顺序：Map 会保持键值对的插入顺序，可以通过 .keys()、.values()、.entries() 获取到有序的迭代结果。
3. 性能优势：相比于对象，Map 在频繁的增删查改操作中通常表现得更好，因为 Map 是为存储键值对而优化的，而对象更多是为了属性访问而设计。
4. 大小和删除：Map 具有 .size 属性，可以随时查询元素的数量；并且可以通过 .delete() 删除单个元素，或者使用 .clear() 删除所有元素。
5. 更方便的 API：Map 提供了许多方便的内建方法，能够使得对键值对的操作更加灵活和高效。

与对象的区别

• 键类型：对象的键只能是字符串或符号，而 Map 的键可以是任意类型。
• 顺序：Map 会保留元素的插入顺序，而对象的键并不保证有序。
• 性能：Map 的性能通常更优，尤其是在频繁操作键值对时。

使用场景

Map 适合用于以下情况：

• 需要频繁对键值对进行增删改查操作。
• 键的类型不止是字符串或符号。
• 需要保持插入顺序，或者需要知道元素的个数。