es6 的學習之 set 和 map

set

set類似於陣列，但成員唯一，沒有重複值。

    const s = new Set();
    [ 1, 3, 2, 4, 5, 3, 2, 1, 10, 7].forEach(a => s.add(a));
    console.log(s);複製程式碼

set 遍歷出來是以key value的形式儲存

當Set加入值的時候，不會發生型別轉換，set判斷值類似於（===）精確相等運算子，但有區別，在於NaN等於自身，但精確相等運算子認為nan不等於自身。

    const set = new Set();
    const a = NaN;
    const b = NaN;
    set.add(a);
    set.add(b);
    console.log(set);

// Set(1) {NaN}複製程式碼

set的兩個物件總是不相等的

let set = new Set();

set.add({});
set.size // 1

set.add({});
set.size // 2複製程式碼

Set 例項的方法分為兩大類：操作方法（用於運算元據）和遍歷方法（用於遍歷成員）。下面先介紹四個操作方法。

操作方法（運算元據）

• add(value)：新增某個值，返回 Set 結構本身。
• delete(value)：刪除某個值，返回一個布林值，表示刪除是否成功。
• has(value)：返回一個布林值，表示該值是否為Set的成員。
• clear()：清除所有成員，沒有返回值。
• Array.from()方法可以將set結構改為陣列。

    const item = new Set([ 9, 2, 3, 4, 2, 1, 3, 8, 1, 9 ]);
    console.log(item);
    const array = Array.from(item);
    console.log(array);
    for (let a of array) {
      console.log(a);
    }複製程式碼

遍歷方法（遍歷成員）

Set結構有4種遍歷方法，可以便利成員

• keys()：返回鍵名的遍歷器
• values()：返回鍵值的遍歷器
• entries()：返回鍵值對的遍歷器
• forEach()：使用回撥函式遍歷每個成員

Set的遍歷順序就是插入順序，（Set儲存一個回撥函式，呼叫時就能保證按照新增順序呼叫）

Set的forEach方法：

    const set2 = new Set([ 1, 5, 4, 5 ]);
    set2.forEach((value, key) => {
      console.log(key + ':' + value);
    });複製程式碼

set可用擴充套件運算子將Set物件轉為陣列；

    const set = new Set([ 1, 2, 3, 4, 5 ]);
    console.log('set', set);
    console.log('...set', [...set]);
    console.log('Array.from', Array.from(set));複製程式碼

map

“鍵值對”資料結構，

    const map = new Map([      ['name', '張三'],      ['title', 'author']    ]);    console.log(map);    console.log(map.has('name'));    console.log(map.get('title'));
複製程式碼

map例項的屬性和操作方法

1. size屬性

    const map = new Map();    map.set('a', '111');    map.set('b', '222');    console.log(map.size);   // 2複製程式碼

2. set(key, value)

    const map = new Map()    .set(1, 'a')    .set(2, 'b')    .set(3, 'c');    map.set(2, 'h');    console.log(map);複製程式碼

set() 方法可以採用鏈式賦值，若第二次給同名鍵賦值，則覆蓋第一次的值。

3. get(key)

4. delete(key)

5. has(key)

6. clear()      清除所有成員

map 的遍歷方法

• keys()：返回鍵名的遍歷器。
• values()：返回鍵值的遍歷器。
• entries()：返回所有成員的遍歷器。
• forEach()：遍歷 Map 的所有成員。

map的便利順序就是插入順序

map 轉化為陣列的方法：擴充套件運算子

1.     const map = new Map([      [ 'f', 'no' ],      [ 't', 'yes' ]    ]);
       console.log([...map]);複製程式碼

    const map = new Map([      [ '111', 'su' ],      [ '333', 'zhou' ]    ]);    console.log(map);複製程式碼

 {"111" => "su", "333" => "zhou"}複製程式碼