ES6 map && set

以前咱們記錄過一些經常使用的ES6屬性，經常使用ES6總結，今天再來學習兩個雖然不是太常見可是用起來很是好用的兩個屬性。

• set

實際開發過程當中常常會遇到去重的問題，每每咱們須要寫不少代碼才能實現，好比遍歷、排序等來實現。如今咱們能夠經過ES6的set來實現了，只需一行代碼，輕鬆搞定：

const set = new Set([1, 2, 3, 4, 4]);
[...set] // [1, 2, 3, 4]
複製代碼

不過，要注意的是，set的去重只能是對數組生效，對象無效。

• set方法

1. add()

對set對象添加數據

let set = new Set()
   set.add(1)
   set.add(2)
   console.log(set) // Set(2) {1, 2}
   console.log([...set]) // [1, 2]
複製代碼

2. delete(key)

刪除set對象中某一個數據，若是不存在不會受影響

let set = new Set()
   set.add(1)
   set.add(2)
   set.add(3)
   set.delete(1)
   console.log(set) // Set(2) {2, 3}
   console.log([...set]) // [2, 3]
複製代碼

3. has(key)

判斷set對象中是否有某一數據

let set = new Set()
    set.add(1)
    set.add(2)
    set.add(3)
    set.has(1) // true
    set.has(4) // false
複製代碼

4. claer()

清除set對象中全部數據

let set = new Set()
    set.add(1)
    set.add(2)
    set.add(3)
    console.log(set); // Set(3) {1, 2, 3}
    set.clear()
    console.log(set); // Set(0) {} 
複製代碼

5. entries()

返回一個新的迭代器對象,相似 [value, value] 形式的數組

let set = new Set()
    set.add(1)
    set.add(2)
    let setIter = set.entries()
    console.log(setIter.next().value); // [1, 1]
    console.log(setIter.next().value); // [2, 2]
複製代碼

6. keys()

獲取set對象值

let set = new Set()
    set.add(1)
    set.add(2)
    let setIter = set.keys()
    console.log(setIter.next().value); // 1
    console.log(setIter.next().value); // 2
複製代碼

7. values()

也是獲取set對象值

let set = new Set()
    set.add(1)
    set.add(2)
    let setIter = set.values()
    console.log(setIter.next().value); // 1
    console.log(setIter.next().value); // 2
複製代碼

8. (callbackFn[, thisArg])

針對集合中的每一個元素執行提供的callback函數一次

9. [@@iterator]()

與values()/keys()相似

let set = new Set()
    set.add(1)
    set.add(2)
    let setIter = set[Symbol.iterator]()
    console.log(setIter.next().value); // 1
    console.log(setIter.next().value); // 2
複製代碼

對set進行操做之後並非返回數組，還須要經過展開符或者遍歷賦給數組。

• set屬性

size() 獲取set對象長度，相似於數組length屬性

• map

在ES6以前，JavaScript沒有map對象，只能用key-value的形式，ES6提供了map()對象。

• 一個Object的鍵只能是字符串或者 Symbols，但一個 Map 的鍵能夠是任意值，包括函數、對象、基本類型。

• Map 中的鍵值是有序的，而添加到對象中的鍵則不是。所以，當對它進行遍歷時，Map 對象是按插入的順序返回鍵值。

• 你能夠經過 size 屬性直接獲取一個 Map 的鍵值對個數，而 Object 的鍵值對個數只能手動計算。

• Map 可直接進行迭代，而 Object 的迭代須要先獲取它的鍵數組，而後再進行迭代。

• Object 都有本身的原型，原型鏈上的鍵名有可能和你本身在對象上的設置的鍵名產生衝突。雖然 ES5 開始能夠用 map = Object.create(null) 來建立一個沒有原型的對象，可是這種用法不太常見。

• Map 在涉及頻繁增刪鍵值對的場景下會有些性能優點。

map對象和set對象很像

• map方法

1. set(key, value)

對map對象添加數據

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
console.log(map) // Map(2) {1 => "one", 2 => "two"}

複製代碼

2. delete(key)

刪除map對象數據

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
console.log(map) // Map(2) {1 => "one", 2 => "two"}
map.delete(1)
console.log(map); // Map(1) {2 => "two"}
複製代碼

3. get(key)

獲取map對象某項值

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
const value1 = map.get(1)
console.log(value1); // one
複製代碼

4. clear()

刪除map對象全部值

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
console.log(map) // Map(2) {1 => "one", 2 => "two"}
map.clear()
console.log(map); // Map(0) {}
複製代碼

5. has(key)

判斷map對象是否有某個key

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
console.log(map.has(1)); // true
console.log(map.has(3)); // false
複製代碼

6. entries()

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
const mapIter = map.entries()
console.log(mapIter.next().value); // [1, "one"]
console.log(mapIter.next().value); // [2, "two"]
複製代碼

7. keys()

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
const mapIter = map.keys()
console.log(mapIter.next().value); // 1
console.log(mapIter.next().value); // 2
複製代碼

8. values()

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
const mapIter = map.values()
console.log(mapIter.next().value); // one
console.log(mapIter.next().value); // two
複製代碼

9. forEach(callbackFn[, thisArg])

和set相同

10. [@@iterator]()

和set相同

let map = new Map()
map.set(1, 'one')
map.set(2, 'two')
const mapIter = map[Symbol.iterator]()
console.log(mapIter.next().value); // [1, "one"]
console.log(mapIter.next().value); // [2, "two"]
複製代碼

• map屬性

size() 獲取map對象長度，相似於數組length屬性