数据结构Set
ES6
提供了新的数据结构Set
。它类似于数组,但是成员的值都是唯一的,没有重复的值。
Set
本身是一个构造函数,用来生成Set
数据结构。
// 数组去重
const set = new Set([1, 2, 3, 4, 4]);
[...set]
// [1, 2, 3, 4]
目前个人感觉Set
数据结构最好用的用处还是数组去重,暂没遇到其它好用的场景。
但数组去重只能去重基本类型的值,比如number
、string
、boolean
、null
、undefined
和BigInt
,不能去重引用类型,比如对象数组等。
数据结构Map
JavaScript
的对象(Object)
,本质上是键值对的集合(Hash
结构),但是传统上只能用字符串、整数(最终还是会转成字符串)和Symbol类型当作键。这给它的使用带来了很大的限制。
为了解决这个问题,ES6
提供了Map
数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object
结构提供了“字符串—值”的对应,Map
结构提供了“值—值”的对应,是一种更完善的Hash
结构实现。如果你需要“键值对”的数据结构,Map
比 Object
更合适。
最重要的一点是Map
会保留所有元素创建或添加时的顺序,而Object
并不会保证属性的顺序(原因请戳这)。就例如:
const obj = { 5: 5, 4: 4, 3: 3 };
// { 3: 3, 4: 4, 5: 5 }
obj[2] = 2;
// { 2: 2, 3: 3, 4: 4, 5: 5 }
这有时会给我们开发带来困扰,所以当我们对顺序有要求时使用Map
数据结构比较好。
const map = new Map([[5, 5], [4, 4], [3, 3]
]);
/*
0: {5 => 5}
1: {4 => 4}
2: {3 => 3}
*/
map.set(2, 2);
/*
0: {5 => 5}
1: {4 => 4}
2: {3 => 3}
3: {2 => 2}
*/