前言

Set為ES6提供的一種新的數據結構，它類似于數組，但是成員的值都必須是唯一的，沒有重復的值。

Map解決了傳統意義是只能將字符串當作鍵的問題。

正文

Set

Set實例的創建

const s = new Set();

一系列方法

add(value) : 向集合中添加一個新元素。如果該值已經存在，則不會重復添加。

delete(value) : 刪除集合中的某個值。如果值存在，則返回?true，否則返回?false。

has(value) : 檢查集合中是否包含某個值，返回?true?或?false。

clear() : 清空集合中的所有元素。

size: 屬性，返回集合中元素的數量。

屬性方法

Set.keys()：返回鍵名的遍歷器

Set.values()：返回鍵值的遍歷器

Set.entries()：返回鍵值對的遍歷器

Set.forEach()：使用回調函數遍歷每個成員

代碼實操：

const s = new Set();

s.add(1);

s.add(2);

console.log(s);

console.log(s.keys()); // 鍵名

console.log(s.values()); // 值

console.log(s.entries()); // 鍵值對

還可以通過傳入數據的方法來初始化一個Set實例：

const s = new Set([1, 2, 3, 3]);

遍歷Set對象的方法

const s = new Set([1, 2, 3, 3]);

for (let item of s) { // 專門用來遍歷具有iterable(迭代器)屬性的結構

    console.log(item);

}

//輸出123

也可以用來遍歷鍵值：

const s = new Set([1, 2, 3, 3]);

for (let item of s.keys()) { // 專門用來遍歷具有iterable(迭代器)屬性的結構

    console.log(item);

}

//輸出123

WeakSet

WeakSet 結構與 Set 類似，也是不重復的值的集合。但是，它與 Set 有兩個區別：

WeakSet 的成員只能是對象和 Symbol 值，而不能是其他類型的值

WeakSet 中的對象都是弱引用，即垃圾回收機制不考慮 WeakSet 對該對象的引用，也就是說，如果其他對象都不再引用該對象，那么垃圾回收機制會自動回收該對象所占用的內存，不考慮該對象還存在于 WeakSet 之中

第二點可能有點不太容易理解，通過代碼實例來進行解釋：

let obj = {name: '瑪卡巴卡'};

let ws = new WeakSet();

ws.add(obj);

obj = null; // 如果一個對象被人為的置為null，一定會第一時間被回收掉

console.log(ws);

 

總結：

弱引用

一個對象obj存放在了其他的結構中，當后續存在其他對象引用這個對象，那么這個對象的內存就不會被回收。

一個對象obj存在了其他的結構中，當后續只存在WeakSet對它的引用，該對象的內存依然會被回收。

Map

Map實例的創建

const m = new Map(); // 可以用任意類型做key

一系列方法

set(key, value) : 添加或設置鍵值對。如果鍵已存在，則更新對應的值。

get(key) : 根據鍵獲取值，如果鍵不存在則返回?undefined。

has(key) : 判斷?Map?中是否存在某個鍵，返回布爾值。

delete(key) : 刪除指定鍵及其對應的值，如果刪除成功返回?true，否則返回?false。

clear() : 清空?Map?中的所有鍵值對。

size: 屬性，返回?Map?中鍵值對的數量。

屬性方法

Map.keys()：返回鍵名的遍歷器。

Map.values()：返回鍵值的遍歷器。

Map.entries()：返回所有成員的遍歷器。

Map.forEach()：遍歷 Map 的所有成員。

代碼：

const m = new Map(); // 可以用任意類型做key

const o = {age: 18};

m.set(o, [1, 2, 3]);

console.log(m);

console.log(m.keys());

console.log(m.values());

console.log(m.entries());

代碼：

const m = new Map(); // 可以用任意類型做key

const o = {age: 18};

m.set(o, [1, 2, 3]);

m.delete(o);

console.log(m.get(o));

console.log(m.has(o));

//輸出undefined false

WeakMap

WeakMap結構與Map結構類似，也是用于生成鍵值對的集合，但是WeakMap與Map的區別有兩點：

WeakMap只接受對象（null除外）和?Symbol 值作為鍵名，不接受其他類型的值作為鍵名。

WeakMap的鍵名所指向的對象，不計入垃圾回收機制。

WeakMap的專用場合就是，它的鍵所對應的對象，可能會在將來消失。WeakMap 結構有助于防止內存泄漏。

注意，WeakMap 弱引用的只是鍵名，而不是鍵值，鍵值依然是正常引用。

作者：椰汁33

鏈接：https://juejin.cn/post/7372914724512989211

來源：稀土掘金

著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。