快来围观Set啦

夜阑人却静
243 阅读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 节点，而不用担心这些节点从文档移除时，会引发内存泄漏。
avatar
文章
阅读
粉丝