1. 程式人生 > >ES6之 Set資料結構

ES6之 Set資料結構

Set 是ES6提供的一種新的資料結構,它允許你儲存任何型別的唯一值,而且Set中的元素是唯一的。

我們用new操作符來生成一個Set物件

基本用法

let arr = [1,2,3,1,2,2,1,2,1,1];
let set = new Set(arr);
set.size // 3
[...set] // [1,2,3] 元素是唯一的 可以用來陣列去重

屬性和方法

set結構的例項有以下屬性

Set.prototype.constructor: 建構函式,預設就是Set函式。
Set.prototype.size: 返回Set例項的成員總數。

方法

方法 用法
Set.prototype.add(value) 在Set物件尾部新增一個元素。返回Set物件
Set.prototype.clear() 移除Set物件內的所有元素
Set.prototype.delete(value) 移除Set中與value值相等的元素
Set.prototype.has() 返回一個布林值,表示該值是否為Set的成員
Set.prototype.keys() 返回鍵名的遍歷器
Set.prototype.values() 返回鍵值的遍歷器
Set.prototype.entries() 返回鍵值對的遍歷器
Set.prototype.forEach() 使用回撥函式遍歷每個成員
let set = new Set()
set.add(0).add(1).add(1).add(2);
set.size//3
set.has(1) //true
set.has(5) //false
set.delete(1);
set.has(1) // false
set.clear();

Array.from 方法可以將Set結構轉為陣列。

let set = new Set([1,2,2,3,2,3,4]);
let arr = Array.from(set) //1,2,3,4

遍歷操作

let set = new Set(['red', 'green', 'blue']);

for (let item of set.keys()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.values()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.entries()) {
  console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]

set.forEach((value, key) => console.log(key + ' : ' + value))
//red : red
//green : green
//blue : blue