Set
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值
const s = new Set([1, 2, 3, 4, 5, 3, 4, 5]);
console.log(s) // Set(5) {1, 2, 3, 4, 5}
console.log([...s]) // [1, 2, 3, 4, 5]
// Array.from 方法可以将 Set 结构转为数组
console.log(Array.from(s)) // [1, 2, 3, 4, 5]
console.log(s.size) // 5
使用 add() 方法向 Set 结构加入成员
const s = new Set();
[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));
for (let i of s) {
console.log(i);
}
// 2 3 5 4
一种去除数组重复成员的方法
// 去除数组的重复成员
[...new Set(array)]
去除字符串里面的重复字符
[...new Set('ababbc')].join('')
// "abc"
Set 实例的属性和方法
Set 结构的实例有以下属性
Set.prototype.constructor：构造函数，默认就是 Set 函数
Set.prototype.size：返回 Set 实例的成员总数
Set 实例的方法
// 操作方法
Set.prototype.add(value)：添加某个值，返回 Set 结构本身
Set.prototype.delete(value)：删除某个值，返回一个布尔值，表示删除是否成功
Set.prototype.has(value)：返回一个布尔值，表示该值是否为 Set 的成员
Set.prototype.clear()：清除所有成员，没有返回值
// 遍历方法
Set.prototype.keys()：返回键名的遍历器
Set.prototype.values()：返回键值的遍历器
Set.prototype.entries()：返回键值对的遍历器
Set.prototype.forEach()：使用回调函数遍历每个成员
Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以 keys 方法和 values 方法的行为完全一致
WeakSet
WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别
首先，WeakSet 的成员只能是对象，而不能是其他类型的值
const ws = new WeakSet();
ws.add(1)
// TypeError: Invalid value used in weak set
ws.add(Symbol())
// TypeError: invalid value used in weak set
WeakSet 是一个构造函数，可以使用new命令，创建 WeakSet 数据结构
const ws = new WeakSet();
作为构造函数，WeakSet 可以接受一个数组或类似数组的对象作为参数。（实际上，任何具有 Iterable 接口的对象，都可以作为 WeakSet 的参数。）
该数组的所有成员，都会自动成为 WeakSet 实例对象的成员
const a = [[1, 2], [3, 4]];
const ws = new WeakSet(a);
// WeakSet {[1, 2], [3, 4]}
上面代码中，a 是一个数组，它有两个成员，也都是数组。将 a 作为 WeakSet 构造函数的参数，a 的成员会自动成为 WeakSet 的成员
注意，是 a 数组的成员成为 WeakSet 的成员，而不是 a 数组本身。这意味着，数组的成员只能是对象
const b = [3, 4];
const ws = new WeakSet(b);
// Uncaught TypeError: Invalid value used in weak set(…)
WeakSet 结构有以下三个方法
WeakSet.prototype.add(value)：向 WeakSet 实例添加一个新成员
WeakSet.prototype.delete(value)：清除 WeakSet 实例的指定成员
WeakSet.prototype.has(value)：返回一个布尔值，表示某个值是否在 WeakSet 实例之中
WeakSet 不能遍历
Map
ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键
const m = new Map();
const o = { p: 'Hello World' };
m.set(o, 'content')
m.get(o) // "content"
m.has(o) // true
m.delete(o) // true
m.has(o) // false
Map 也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组
const map = new Map([
['name', '张三'],
['title', 'Author']
]);
map.size // 2
map.has('name') // true
map.get('name') // "张三"
map.has('title') // true
map.get('title') // "Author"
Map 结构的实例有以下属性和操作方法
// 操作方法
size：返回 Map 结构的成员总数
Map.prototype.set(key, value)：设置键名 key 对应的键值为 value，然后返回整个 Map 结构
Map.prototype.get(key)：读取 key 对应的键值，如果找不到 key，返回 undefined
Map.prototype.has(key)：返回一个布尔值，表示某个键是否在当前 Map 对象之中
Map.prototype.delete(key)：删除某个键，返回 true。如果删除失败，返回 false
Map.prototype.clear()：清除所有成员，没有返回值
// 遍历方法
Map.prototype.keys()：返回键名的遍历
Map.prototype.values()：返回键值的遍历器
Map.prototype.entries()：返回所有成员的遍历器
Map.prototype.forEach()：遍历 Map 的所有成员
Map 的遍历顺序就是插入顺序
WeakMap
WeakMap 结构与 Map 结构类似，也是用于生成键值对的集合
// WeakMap 可以使用 set 方法添加成员
const wm1 = new WeakMap();
const key = {foo: 1};
wm1.set(key, 2);
wm1.get(key) // 2
// WeakMap 也可以接受一个数组，
// 作为构造函数的参数
const k1 = [1, 2, 3];
const k2 = [4, 5, 6];
const wm2 = new WeakMap([[k1, 'foo'], [k2, 'bar']]);
wm2.get(k2) // "bar"
WeakMap 只接受对象作为键名（null 除外），不接受其他类型的值作为键名
const map = new WeakMap();
map.set(1, 2)
// TypeError: 1 is not an object!
map.set(Symbol(), 2)
// TypeError: Invalid value used as weak map key
map.set(null, 2)
// TypeError: Invalid value used as weak map key
WeakMap 的键名所指向的对象，不计入垃圾回收机制
WeakMap 没有遍历操作（即没有 keys()、values() 和 entries() 方法），也没有 size 属性
WeakMap 只有四个方法可用：get()、set()、has()、delete()
总结
Set：
成员唯一、无序且不重复
[value, value]，键值与键名是一致的（或者说只有键值，没有键名）
WeakSet：
成员都是对象，成员都是弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容易造成内存泄漏，不能遍历
Map：
本质上是键值对的集合，类似集合
可以遍历，方法很多可以跟各种数据格式转换
WeakMap：
只接受对象作为键名（null 除外），不接受其他类型的值作为键名
键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收，此时键名是无效的
不能遍历
网友评论