一句程式碼搞定陣列去重 Set()
(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]