一句代碼搞定數組去重 Set()

[...new Set([1, "1", -1, 1,2,3,4,5, 1, 3])]

(7) [1, "1", -1, 2, 3, 4, 5]

哈哈  有木有很神奇;

Set是ES6提供的新的數據結構,類似於數組,但是值都是唯一的,不會有重複的值;

Set本身是一個構造函數,用來生成Set數據結構,接下來給大家分享哈  Set的幾個方法:

var s = new Set();

  s.add(11);

  s.add('height');

  s.add(11);

   console.log(s)     結果:{11, "height"}

 因爲Set值得唯一性,多次添加某個值,如果有相同值會自動過濾 

s.add({});

s.add({});

向 Set 加入值的時候,不會發生類型轉換,所以 5 和“5”是兩個不同的值。Set 內部判斷兩個值是否不同,使用的算法類似於精確相等運算符(===),這意味着,兩個對象總是不相等的。唯一的例外是 NaN 等於自身(精確相等運算符認爲 NaN 不等於自身)。所以上面加入的兩個空對象並不是精確相等,所以被視爲不同元素;

  s.delete(11); //刪除某個值

  console.log(s)     結果:{"height"}

 console.log(s.has(11))  // false

//返回一個布爾值,表示參數是否爲Set的成員;

   s.clear(); //清除所有值;

  console.log(s)  結果:{}

var items = new Set([1,2,3,4,5,5,5,5]);
items.size  //5   

Set函數可以接收一個數組作爲參數用來初始化

Array.from可以將set結構轉爲數組;

var items = new Set([1, 2, 3, 4, 5]);

var array = Array.from(items);

console.log(array)  // (5) [1, 2, 3, 4, 5]

這樣就可以實現數組去重的方法:

function dedupe(array) {

  return Array.from(new Set(array));
}
dedupe([1,1,2,3])  // [1, 2, 3]

那麼一開始的代碼在這就可以給大家解惑

由於擴展運算符(...)內部使用 for...of 循環,完全可以用於 Set 結構。

var arr = [3, 5, 2, 2, 5, 5];

var arr1 = [...new Set(arr)];

console.log(arr1)  // (3) [3, 5, 2]


發佈了40 篇原創文章 · 獲贊 35 · 訪問量 23萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章