Set、Map、WeakSet 和 WeakMap

你是我这一生等了半世未拆的礼物。

我的github: 李大玄
我的私人博客: 李大玄
我的npm开源库: 李大玄
我的: 李大玄
我的CSDN: 李大玄
我的掘金: 李大玄
哔哩哔哩: 李大玄

1. 首先说说基本概念

• Set
  成员唯一、无序且不重复
  [value, value]，键值与键名是一致的（或者说只有键值，没有键名）
  可以遍历，方法有：add、delete、has
• WeakSet
  成员都是对象
  成员都是弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容易造成内存泄漏
  不能遍历，方法有add、delete、has
• Map
  本质上是键值对的集合，类似集合
  可以遍历，方法很多可以跟各种数据格式转换
• WeakMap
  只接受对象作为键名（null除外），不接受其他类型的值作为键名
  键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收，此时键名是无效的
  不能遍历，方法有get、set、has、delete

set

let s = new Set();
[2,3,5,4,5,2,2].forEach(x => s.add(x));
console.log(s); // {2,3,4,5}

console.log(s.has(2)); // true
console.log(s.has(6)); // false
s.delete(2); 
console.log(s); // {3,4,5}

map

可以便利, 也可以返回一个新数组

var users = [
    {name: "张含韵", "email": "[email protected]"},
    {name: "江一燕", "email": "[email protected]"},
    {name: "李小璐", "email": "[email protected]"}
  ];

  var emails = users.map(function (user) { return user.email; });

  console.log(emails.join(", ")); // [email protected], [email protected], [email protected]
  // Array.prototype扩展可以让IE6-IE8浏览器也支持map方法：

  if (typeof Array.prototype.map != "function") {
    Array.prototype.map = function (fn, context) {
      var arr = [];
      if (typeof fn === "function") {
        for (var k = 0, length = this.length; k < length; k++) { 
          arr.push(fn.call(context, this[k], k, this));
        }
      }
      return arr;
    };
  }
  const a = users.map(item => {
    return item.name;
  })
  console.log(a);

WeakSet

let john = { name: "John" };

let weakMap = new WeakMap();
weakMap.set(john, "...");

john = null; // 覆盖引用
// john 被从内存删除了

WeakMap 不支持迭代以及 keys()，values() 和 entries() 方法。所以没有办法获取 WeakMap 的所有键或值。

      WeakMap 只有以下的方法：
      weakMap.get(key)
      weakMap.set(key, value)
      weakMap.delete(key)
      weakMap.has(key)
 
例如，我们有用于处理用户访问计数的代码。收集到的信息被存储在 map 中：一个用户对象作为键，其访问次数为值。当一个用户离开时（该用户对象将被垃圾回收机制回收），这时我们就不再需要他的访问次数了。
复制代码
// visitsCount.js
let visitsCountMap = new WeakMap(); // weakmap: user => visits count

// 递增用户来访次数
function countUser(user) {
   let count = visitsCountMap.get(user) || 0;
   visitsCountMap.set(user, count + 1);
}

WeakSet

WeakSet 的表现类似：
 
  与 Set 类似，但是我们只能向 WeakSet 添加对象（而不能是原始值）。
  对象只有在其它某个（些）地方能被访问的时候，才能留在 set 中。
  跟 Set 一样，WeakSet 支持 add，has 和 delete 方法，但不支持 size 和 keys()，并且不可迭代。
 
let jack = {name: "jack"};
let weakSet = new WeakSet();
weakSet.add(jack, 22);
console.log( weakSet.has(jack) ); // true
weakSet.delete(jack);
console.log( weakSet );  // WeakSet {}