Set

ES6 提供了新的數據結構 Set。它類似于數組，但是成員的值都是唯一的，沒有重復的值。
Set 本身是一個構造函數，用來生成 Set 數據結構。

const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) {console.log(i); } // 2 3 5 4 Set 結構不會添加重復的值。

Set 函數可以接受一個數組（或者具有 iterable 接口的其他數據結構）作為參數，用來初始化。

// 例一 const set = new Set([1, 2, 3, 4, 4]); [...set] // [1, 2, 3, 4]// 例二 const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]); items.size // 5// 例三 const set = new Set(document.querySelectorAll('div')); set.size // 56

實例屬性

Set.prototype.constructor：構造函數，默認就是Set函數。

Set.prototype.size：返回Set實例的成員總數。

實例方法

add(value)：添加某個值，返回 Set 結構本身。

delete(value)：刪除某個值，返回一個布爾值，表示刪除是否成功。

has(value)：返回一個布爾值，表示該值是否為Set的成員。

clear()：清除所有成員，沒有返回值。

Set方法

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

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

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

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

Set 結構沒有鍵名，只有鍵值（或者說鍵名和鍵值是同一個值）

Map

它類似于對象，也是鍵值對的集合，但是“鍵”的范圍不限于字符串，各種類型的值（包括對象）都可以當作鍵。也就是說，Object 結構提供了“字符串—值”的對應，Map 結構提供了“值—值”的對應，是一種更完善的 Hash 結構實現。如果你需要“鍵值對”的數據結構，Map 比 Object 更合適。

實例屬性

Map.prototype.size：返回Map 結構的成員總數。

實例方法

set(key, value)

set方法設置鍵名key對應的鍵值為value，然后返回整個 Map 結構。如果key已經有值，則鍵值會被更新，否則就新生成該鍵。

const m = new Map();m.set('edition', 6) // 鍵是字符串 m.set(262, 'standard') // 鍵是數值 m.set(undefined, 'nah') // 鍵是 undefined

set方法返回的是當前的Map對象，因此可以采用鏈式寫法。

let map = new Map().set(1, 'a').set(2, 'b').set(3, 'c');

get(key)

has(key)

delete(key)

clear()

Map方法

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

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

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

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

總結

以上是生活随笔為你收集整理的ES6系列之Set Map的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。