ES6的new Map()

本文深入探讨ES6中Map数据结构的特性与用法,包括键值对的设置、获取、删除及遍历等操作,展示Map如何提供更完善的Hash结构实现。

ES6的new Map()

ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。

let map = new Map();
let name = '小明';
let obj = {
	age: 20,
	money: '一元',
	sex: '男'
};
map.set(name,obj);

添加一对键值对,已name做key,obj做value,控制台打印出来的map[{key: name,value: {age: 20,money: '一元',sex: '男'}}]所以map的键可以是任意类型的值,map.forEach()进行循环取值。

map.size  // 长度= arr.length
map.delete('name') //删除key为name的键值对
map.get('name')  // 读取key对应的键值 找不到值为undefined
map.clear()  // 清除所有成员,没有返回值
map.has(key) // 某个键是否在当前 Map 对象之中,返回一个布尔值

关于Map的更多使用方法,可移步
es6的set 和map

### ES6 中 `Set` 和 `Map` 的用法与特性 #### `Set` 的特性与用法 `Set` 是一种集合数据结构,允许存储任何类型的唯一值,无论是原始值还是对象引用。它提供了简洁的 API 来管理集合中的元素。以下是一些关键特性: - **唯一性**:`Set` 会自动确保集合中的值是唯一的,重复的值不会被添加[^1]。 ```javascript const uniqueSet = new Set([1, 2, 2, 3]); console.log([...uniqueSet]); // [1, 2, 3] ``` - **可迭代**:`Set` 是可迭代的对象,可以使用 `for...of` 循环或扩展运算符(`...`)进行遍历和展开[^1]。 ```javascript for (const item of uniqueSet) { console.log(item); } ``` - **方法支持**:`Set` 提供了 `add()`、`delete()`、`has()` 和 `clear()` 等方法来操作集合。 ```javascript const mySet = new Set(); mySet.add(1); mySet.add(2); console.log(mySet.has(1)); // true mySet.delete(1); console.log(mySet.has(1)); // false ``` - **对象引用存储**:当使用对象作为 `Set` 的值时,其引用是唯一的,即使两个对象的内容相同,它们仍然会被视为不同的值[^1]。 #### `Map` 的特性与用法 `Map` 是一种键值对的集合,它与传统的对象类似,但具有更广泛的键类型支持和更清晰的 API。以下是其主要特性: - **任意类型的键**:`Map` 允许使用任意类型的值作为键,包括对象、函数甚至 `NaN`,而普通对象的键只能是字符串或符号。 ```javascript const myMap = new Map(); const key = {}; myMap.set(key, "value"); console.log(myMap.get(key)); // value ``` - **保持插入顺序**:`Map` 会保留键值对的插入顺序,这在遍历时非常有用[^1]。 ```javascript const insertionOrderMap = new Map(); insertionOrderMap.set("first", 1); insertionOrderMap.set("second", 2); for (const [key, value] of insertionOrderMap) { console.log(key, value); // "first" 1, "second" 2 } ``` - **高效的方法支持**:`Map` 提供了 `set()`、`get()`、`has()`、`delete()` 和 `clear()` 等方法,便于操作键值对[^1]。 ```javascript const myMap = new Map(); myMap.set("key", "value"); console.log(myMap.get("key")); // value console.log(myMap.has("key")); // true myMap.delete("key"); console.log(myMap.has("key")); // false ``` - **性能优化**:`Map` 的实现通常针对频繁的键值操作进行了优化,适用于需要频繁添加和删除键值对的场景[^1]。 #### `Set` 和 `Map` 的适用场景 - **`Set`**: - 去重数组中的元素。 - 检查某个值是否存在于集合中。 - 存储对象引用并确保其唯一性。 - **`Map`**: - 存储复杂键值对,如对象或函数作为键。 - 需要保持键值对的插入顺序。 - 频繁进行键值的添加、删除和查找操作。 #### `Set` 与 `Map` 的比较 - **键类型**:`Set` 存储的是单一值,而 `Map` 存储的是键值对。`Map` 支持任意类型的键,而 `Set` 只存储值。 - **顺序**:两者都保持插入顺序,但在实际应用中,`Map` 的顺序特性更为重要。 - **性能**:`Map` 的键值操作通常比普通对象更高效,尤其是在频繁操作的场景中。 ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值