你是我這一生等了半世未拆的禮物。
我的github: 李大玄
我的私人博客: 李大玄
我的npm開源庫: 李大玄
我的簡書: 李大玄
我的CSDN: 李大玄
我的掘金: 李大玄
嗶哩嗶哩: 李大玄
- 首先說說基本概念
-
Set
成員唯一块请、無序且不重復
[value, value]娜氏，鍵值與鍵名是一致的（或者說只有鍵值，沒有鍵名）
可以遍歷负乡，方法有：add牍白、delete、has -
WeakSet
成員都是對象
成員都是弱引用抖棘，可以被垃圾回收機制回收茂腥，可以用來保存DOM節(jié)點，不容易造成內(nèi)存泄漏
不能遍歷切省，方法有add猎拨、delete、has -
Map
本質(zhì)上是鍵值對的集合召耘，類似集合
可以遍歷国章，方法很多可以跟各種數(shù)據(jù)格式轉(zhuǎn)換 -
WeakMap
只接受對象作為鍵名（null除外），不接受其他類型的值作為鍵名
鍵名是弱引用芙盘，鍵值可以是任意的驯用，鍵名所指向的對象可以被垃圾回收，此時鍵名是無效的
不能遍歷儒老，方法有g(shù)et蝴乔、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
可以便利, 也可以返回一個新數(shù)組
var users = [
{name: "張含韻", "email": "zhang@email.com"},
{name: "江一燕", "email": "jiang@email.com"},
{name: "李小璐", "email": "li@email.com"}
];
var emails = users.map(function (user) { return user.email; });
console.log(emails.join(", ")); // zhang@email.com, jiang@email.com, li@email.com
// 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 被從內(nèi)存刪除了
WeakMap 不支持迭代以及 keys()薇正，values() 和 entries() 方法。所以沒有辦法獲取 WeakMap 的所有鍵或值囚衔。
WeakMap 只有以下的方法：
weakMap.get(key)
weakMap.set(key, value)
weakMap.delete(key)
weakMap.has(key)
例如挖腰，我們有用于處理用戶訪問計數(shù)的代碼。收集到的信息被存儲在 map 中：一個用戶對象作為鍵练湿，其訪問次數(shù)為值猴仑。當一個用戶離開時（該用戶對象將被垃圾回收機制回收），這時我們就不再需要他的訪問次數(shù)了鞠鲜。
復制代碼
// visitsCount.js
let visitsCountMap = new WeakMap(); // weakmap: user => visits count
// 遞增用戶來訪次數(shù)
function countUser(user) {
let count = visitsCountMap.get(user) || 0;
visitsCountMap.set(user, count + 1);
}
WeakSet
WeakSet 的表現(xiàn)類似：
與 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 {}
