简述ES6 Map的作用？
参考回答
Map 是 ES6 引入的一种新的键值对（key-value）数据结构，类似于传统的对象（Object），但功能更加强大和灵活。
主要作用：
- 存储键值对：
Map可以存储任意类型的键，包括对象、函数、原始值等，而对象的键只能是字符串或Symbol。 - 保持键值对的顺序：
Map会按照键值对的插入顺序进行遍历。 - 提供高效的键值操作：
Map提供了丰富的方法（如set、get、delete、has）来操作键值对。 - 解决对象键值限制：避免传统对象只能使用字符串或
Symbol作为键的问题。
详细讲解与拓展
1. 创建和使用 Map
- 创建
Map：const map = new Map(); - 初始化
Map：
Map可以通过数组的形式初始化，每个数组项是一个[key, value]键值对。const map = new Map([ ["name", "Alice"], ["age", 25] ]); console.log(map); // Map(2) { "name" => "Alice", "age" => 25 }
2. 常用方法
set(key, value)：添加键值对，或更新已有键的值。const map = new Map(); map.set("name", "Alice"); map.set("age", 25); console.log(map); // Map(2) { "name" => "Alice", "age" => 25 }get(key)：根据键获取对应的值。console.log(map.get("name")); // "Alice" console.log(map.get("gender")); // undefined（键不存在时返回 undefined）has(key)：检查键是否存在。console.log(map.has("name")); // true console.log(map.has("gender")); // falsedelete(key)：删除指定键的键值对。map.delete("age"); console.log(map); // Map(1) { "name" => "Alice" }clear()：清空所有键值对。map.clear(); console.log(map); // Map(0) {}size：获取Map中键值对的数量。console.log(map.size); // 输出键值对的数量
3. 与 Object 的区别
- 键的类型：
Object的键只能是字符串或Symbol；Map的键可以是任意类型，包括对象、函数等。
const map = new Map(); const objKey = { key: "value" }; map.set(objKey, "Object as key"); console.log(map.get(objKey)); // "Object as key" - 键值对的顺序：
Map会按照插入顺序存储键值对；Object的属性顺序不一定可靠（取决于引擎实现）。
- 性能：
Map在频繁增删查改键值对时性能更高；Object更适合简单的键值存储。
4. 遍历方法
Map 提供了多种方法来遍历键值对，支持按插入顺序遍历：
keys()：获取所有键的迭代器。for (const key of map.keys()) { console.log(key); }values()：获取所有值的迭代器。for (const value of map.values()) { console.log(value); }entries()：获取所有键值对的迭代器。for (const [key, value] of map.entries()) { console.log(key, value); }forEach()：直接对每个键值对执行回调函数。map.forEach((value, key) => { console.log(`{key}:{value}`); });
5. 常见应用场景
- 存储复杂键值：
Map可以存储非字符串的键，比如对象、函数等。const map = new Map(); const key = { id: 1 }; map.set(key, "This is an object key"); console.log(map.get(key)); // "This is an object key" - 频繁增删查改：
Map在大规模数据操作时性能更优。 -
实现字典或缓存：
Map可以作为字典或缓存，快速存取数据。const cache = new Map(); cache.set("user1", { name: "Alice" }); console.log(cache.get("user1")); // { name: "Alice" } - 按插入顺序遍历数据：
使用Map时键值对总是按照插入顺序进行遍历。
总结
Map 是一种功能强大的键值对数据结构，扩展了对象的功能，具备以下特点和作用：
- 支持任意类型的键，解决了传统对象只能使用字符串或
Symbol作为键的问题。 - 提供更高效的增删查改操作，适合处理大量键值对数据。
- 按插入顺序存储键值对，遍历方式多样，灵活性高。
- 常用于复杂数据存储、字典实现、缓存管理等场景。
在现代 JavaScript 开发中，Map 是处理键值对数据的重要工具，优先于 Object 用于需要高效和灵活键值存储的场景。