1. 程式人生 > 其它 >ES6中Set總結

ES6中Set總結

  • 回顧:陣列的宣告2種方式
    var arr=[1,2,3];
    var arr=new Array(1,2,3);

  • 認識set:set是一系列無序和無重複值的集合
    宣告: const s=new Set()
    新增屬性: s.add=1;

  • Set例項的方法和屬性
    方法:
    1、add
    const s=new Set();
    s.add(1).add(2).add(3) //可連續增加值
    2、has
    s.has(1) //true,判斷是否有指定成員
    3、delete
    s.delete(1) //若刪除一個不存在的,什麼也不會發生,與clear區別在於一個一個刪除
    4、clear
    s.clear();
    5、forEach
    s.forEach(function(value,key,s){
    },document) //set中value=key,按照成員新增進集合的順序遍歷,第二個引數用於指定this指向
    6、屬性size
    s.size; //可以檢視成員個數,類似於length

  • 複製一個set
    const s=new Set();
    const m=new Set(s);

  • 判斷重複的方式
    set中對重複值的判斷遵循嚴格相等 特殊情況:set會把NaN===NaN為true;

  • Set應用
    1、陣列去重
    console.log([...new Set[1,2,1]]);
    2、字串去重
    console.log([...new Set('adsa').join('')])
    3、存放DOM元素