快来围观Set啦

171 阅读3分钟

这是我参与8月更文挑战的第6天,活动详情查看:8月更文挑战

Set

基本概念

  • Set是es6提供的一种新的数据结构。类似于数组,但是成员是唯一的,没有重复的
  • Set 本身是一个构造函数,用来生成Set数据结构。
  • 知道啦Set数据结构的特性之后,就意味着我们可以用它来快速的进行数组去重:
// 数组去重
[... new Set(array)];
Array.from(new Set(array));
// 字符串去重
[...new Set('abcabcshdjf').join('')]
  • Set内部判断两个值是否不同,运用的算法叫做Same-value-zero equality,类似于我们的 ===
  • 注意:
    • Set内部两个NaN是相等的(意味着Set内部不会重复的添加NaN)。
    • Set内部两个空对象总是不相等的。
let set = new Set();
let a = NaN;
let b = NaN;
set.add(a);
set.add(b);
set // Set {NaN}

set 实例的属性和方法

  • Set.prototype.constructor: 构造函数。默认就是 Set函数。
  • Set.prototype.size: 返回Set实例的成员总数。
  • Set.prototype.add(value): 添加某个值,返回Set结构本身。
  • Set.prototype.delete(value): 删除某个值,返回一个布尔值,表示删除是否成功。
  • Set.prototype.has(value):返回一个布尔值,表示该值是否为Set的成员。
  • Set.prototype.clear():清除所有成员,没有返回值。
  • Array.from 可以将Set结构转为数组。

遍历操作

  • Set.prototype.keys():返回键名的遍历器
  • Set.prototype.values():返回键值的遍历器
  • Set.prototype.entries():返回键值对的遍历器
  • Set.prototype.forEach():使用回调函数遍历每个成员
let set = new Set(['red', 'green', 'blue']);

for (let item of set.keys()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.values()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.entries()) {
  console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
  • Set 结构没有键名,只有键值(或者说键名和键值是同一个值),所以keys方法和values方法的行为完全一致。

  • forEach方法的参数是一个处理函数。该函数的参数与数组的forEach一致,依次为 键值、键名、集合本身。

  • 注意:Set 结构的键名就是键值(两者是同一个值),因此forEach第一个参数与第二个参数的值永远都是一样的。

WeakSet

基本概念

  • WeakSet 结构与Set类似,也是不重复的值的集合。
  • WeakSet的成员只能是对象。
  • WeakSet 中的对象都是弱引用,即垃圾回收机制不考虑 WeakSet 对该对象的引用,也就是说,如果其他对象都不再引用该对象,那么垃圾回收机制会自动回收该对象所占用的内存,不考虑该对象还存在于 WeakSet 之中。
  • WeakSet 里面的引用,都不计入垃圾回收机制
  • WeakSet 适合临时存放一组对象,以及存放跟对象绑定的信息。只要这些对象在外部消失,它在 WeakSet 里面的引用就会自动消失。
  • WeakSet 的成员是不适合引用的,因为它会随时消失
  • WeakSet 内部有多少个成员,取决于垃圾回收机制有没有运行,运行前后很可能成员个数是不一样的
  • 因为垃圾回收机制何时运行是不可预测的,所以 ES6 规定 WeakSet 不可遍历

语法

  • WeakSet 是一个构造函数,可以使用new命令,创建 WeakSet 数据结构。
  • WeakSet 可以接受一个数组或类似数组的对象作为参数。(实际上,任何具有 Iterable 接口的对象,都可以作为 WeakSet 的参数。)数组的所有成员,都会自动成为 WeakSet 实例对象的成员
  • 注意:是数组的成员会成为WeakSet的成员,而不是数组本身。这意味着数组的成员只能是对象。

方法

  • WeakSet.prototype.add(value):向 WeakSet 实例添加一个新成员。
  • WeakSet.prototype.delete(value):清除 WeakSet 实例的指定成员。
  • WeakSet.prototype.has(value):返回一个布尔值,表示某个值是否在 WeakSet 实例之中。
  • WeakSet 没有size属性,没有办法遍历它的成员。

用处

  • WeakSet 的一个用处,是储存 DOM 节点,而不用担心这些节点从文档移除时,会引发内存泄漏。