1. Set 它本身是一個構(gòu)造函數(shù), 用來生成 Set 數(shù)據(jù)結(jié)構(gòu);

let createSet = new Set();
let arr = [1, 2, 3, 1, 5, 5, 2];
arr.forEach((item, index) => {
   return createSet.add(item);
})
/** for...of 循環(huán)是 ES6 引入的新語法。*/
for (let i of s) {
   console.log(i);  // => 1, 2, 3, 5
} 
/**
  上面代碼通過 add() 向 Set結(jié)構(gòu): createSet中 添加元素, 其打印結(jié)果表明: Set 結(jié)構(gòu)并不會添加重復(fù)的值;
*/

2. Set 函數(shù)可接受一個 數(shù)組(或具有 iterator 接口的其他數(shù)據(jù)結(jié)構(gòu)) 作為參數(shù), 用來進行初始化;

• 關(guān)于 iterator:

  • 因為遍歷數(shù)組時, 可以采用下標循環(huán), 而遍歷 Map 和 Set 就無法使用下標, 為了統(tǒng)一集合類型, ES6引入了 iterable 類型;
  • 具有 iterator 類型的集合 可以通過 ES6新語法: for...of 語法 循環(huán)遍歷;
  • Array, Map, Set 都屬于 iterable 類型;

• 示例

  • 示例1:

    let mySet = new Set([1, 2, 3, 4, 3, 2]);  // => Set(4) {1, 2, 3, 4} 
    console.log(mySet.size);  // => 4
    console.log([...mySet]);  // => [1, 2, 3, 4]  數(shù)組去重
    console.log(Array.from(mySet));  // => [1, 2, 3, 4]  也是數(shù)組去重
    

  • 示例2:

    /** 接收類數(shù)組對象作為 參數(shù) */
    let domSet = new Set(document.querySelectorAll('div'));
    /** 類似于: */
    let createSet = new Set();
    document.querySelectorAll('div').forEach(item => createSet.add(item));
    

• 擴展:

  1. 向 Set 添加值時, 并不會發(fā)生 數(shù)據(jù)類型的轉(zhuǎn)換, 因此, 5 與 '5' 是兩個不同的值;

  2. Set 內(nèi)部再進行判斷兩個值 是否不同時, 使用一種叫: "Same-value-zero equality" 的算法, 這種算法精確等于 全等運算符: '===',

     • 區(qū)別在于: 向 Set 加入值時認為 NaN 全等于自身, 而全等運算符認為 NaN 不全等于自身;

  let otherSet = new Set();
  let x = NaN;
  let y = NaN;
  otherSet.add(x);
  otherSet.add(y);
  otherSet.add(5);
  otherSet.add('5');
  console.log(otherSet);  // => Set(3) {NaN, 5, '5'};  并沒有添加兩個NaN, 因為加入值時, 認為 NaN 全等于自身
  

  3. 具體更多關(guān)于 Set 的解析, 可參考大神 阮一峰的文章: http://es6.ruanyifeng.com/#docs/set-map](http://es6.ruanyifeng.com/#docs/set-map