ES6中的 Set 數據結構
ES6 新增了一種 Set 數據結構。它類似數組。 最重要的一點是 Set中的結構成員沒有重復的, 可用這點 一行代碼實現數組去重。 Set 本身是一個構造函數。通過 new Set() 來創建Set結構。
let arr1 = ['Hello', 'World', 'ES6'] let set1 = new Set() arr1.forEach(type => { set1.add(type) }) 通過new Set創建一個Set結構。 forEach 遍歷arr1數組。把每一項通過Set.prototype.add 方法向Set結構中添加成員。
Set 也可以接受一個數組作為參數。
let arr2 = [1,2,3,4,1,5,2] let set2 = new Set(arr2) for (let type of set2) { console.log(type) } // 1 // 2 // 3 // 4 // 5上面的new Set() 創建 Set 數據結構時, 將一個數組作為它的參數。最后通過 for of 遍歷 set2。因為 結構成員沒有重復, 所以打印 1 2 3 4 5
Set 接受的參數不會進行 類型轉換 , new Set(5, '5') 這完全是兩個值。
Set 實現數組去重
// 方法1 [...new Set([1,2,3,1,2])] // 1 2 3 // 方法2 Array.from(new Set([1,2,3,1,2])) // 1 2 3
都是通過向 new Set() 中傳入一個數組, 利用 Set結構成員都是唯一的特性, 最后通過擴展運算符..., 或者ES6提供的一種將類數組轉換為數組的方法 Array.from()。
Set 操作方法
let arr3 = [7,8,9] let set3 = new Set(arr3) set3.add(10) set3.size() // 4 set3.delete(8) set3.size() // 3 set3.clear() // 0
Set 遍歷方法
let arr4 = ['javascript', 'vue', 'node.js', 'typescript'] let set4 = new Set(arr4) // set.keys() for (let k of set4.keys()) { console.log(k)/ // javascript // vue // node.js // typescript } // set.values() for (ket v of set4.values()) { console.log(v) // 和上面的set4.keys() 遍歷的結果一樣 } // set.entries() for (let e of set3.entries()) { console.log(e) // ['javascript', 'javascript'] // ['vue', 'vue'] // ['node.js', 'node.js'] // ['typescript', 'typescript'] }可見, keys()和values() 遍歷是一模一樣的, 以后遍歷使用keys()還是values()沒有區別。entries 遍歷返回的是數組, 分別是keys() values()結果。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
