JavaScript 中 Map 和 Set 的使用和操作

JS Map 和 Set 笔记 JS 中的 Map 和 Set 是两种常用的数据结构，分别用于存储键值对和集合。下面我们将详细介绍 Map 和 Set 的使用方法和特点。 一、Map Map 是一种键值对的集合，类似于对象，但键可以是任何类型的值，而不仅仅是字符串。Map 的实例可以使用 new Map() 创建。 1.1 Map 的基本操作 Map 的基本操作包括增、删、改、查四种。 * 增：使用 set() 方法添加新的键值对，例如 ma.set('keys', 'Zoe')。 * 删：使用 delete() 方法删除指定的键值对，例如 ma.delete('keys')。 * 改：使用 set() 方法更新指定的键值对，例如 ma.set('keys', '张三')。 * 查：使用 get() 方法获取指定的键值对，例如 ma.get('keys')。 1.2 Map 的类型 使用 typeof 操作符可以查看 Map 的类型，例如 console.log(typeof ma) // "object"。 1.3 Map 的键值对 Map 的键值对可以是任何类型的值，包括字符串、数字、数组、对象等。例如： ```js var ma = new Map(); ma.set('keys', 'Zoe'); ma.set(5, 'Zome'); ma.set([name], '张三'); ``` 二、Set Set 是一种集合，用于存储不重复的值。Set 的实例可以使用 new Set() 创建。 2.1 Set 的基本操作 Set 的基本操作包括增、删、查三种。 * 增：使用 add() 方法添加新的值，例如 s.add('Zoe')。 * 删：使用 delete() 方法删除指定的值，例如 s.delete('Zoe')。 * 查：使用 has() 方法判断是否包含指定的值，例如 s.has('Zoe')。 2.2 Set 的类型 使用 typeof 操作符可以查看 Set 的类型，例如 console.log(typeof s) // "object"。 2.3 Set 的值 Set 的值可以是任何类型的值，包括字符串、数字、数组、对象等。例如： ```js var s = new Set(); s.add('Zoe'); s.add(5); s.add([name]); ``` 三、Map 和 Set 的遍历 Map 和 Set 都可以使用 for...of 语句遍历其键值对或值。 3.1 Map 的遍历 使用 for...of 语句可以遍历 Map 的键值对，例如： ```js for (let e of ma.keys()) { console.log(e); // 返回键 } for (let e of ma.values()) { console.log(e); // 返回值 } ``` 3.2 Set 的遍历 使用 for...of 语句可以遍历 Set 的值，例如： ```js for (let e of s) { console.log(e); // 返回值 } ``` Map 和 Set 是 JS 中两种非常有用的数据结构，分别用于存储键值对和集合。通过本篇笔记，我们可以更好地理解 Map 和 Set 的使用方法和特点，并在实际开发中进行应用。