1. 程式人生 > 實用技巧 >JS 資料結構-Set 集合 建立Set 常用Set方法

JS 資料結構-Set 集合 建立Set 常用Set方法

轉自:https://www.cnblogs.com/jiayouba/p/11946517.html

Set

  ES6 提供了新的資料結構 Set。它類似於陣列,但是成員的值都是唯一的,沒有重複的值。

  很多時候我們把Set叫做 集合,但是,Set可以是集合,集合不一定是Set。

  特性:唯一性=>不重複=>能夠對資料進行去重操作。

注:集合去重,是全等匹配,===。

建立Set

  Set 本身是一個建構函式,呼叫建構函式用來生成 Set 資料結構。

    
    關鍵詞  識別符號 =new Set();
  例    let    i   =new Set();
  
  Set 函式可以接受一個數組(或類似陣列的物件)作為引數,用來進行資料初始化。

      let i = new Set([1, 2, 3, 4, 4]);  會得到  set{1, 2, 3, 4,}

注:如果初始化時給的值有重複的,會自動去除。

  集合並沒有字面量宣告方式。

Set的屬性

  常用的屬性就一個:size   返回 Set 例項的成員總數。

  let s = new Set([1, 2, 3]);

  console.log( s.size ); // 3

Set的方法

  Set 例項的方法分為兩大類:操作方法(用於資料操作)和遍歷方法(用於遍歷資料)。

  操作方法:

      add(value)    新增資料,並返回新的 Set 結構

      delete(value)   刪除資料,返回一個布林值,表示是否刪除成功

      has(value)    檢視是否存在某個資料,返回一個布林值

      clear()      清除所有資料,沒有返回值

let set = new Set([1, 2, 3, 4, 4]);
// 新增資料 5
let addSet = set.add(5);
console.log(addSet); // Set(5) {1, 2, 3, 4, 5}
// 刪除資料 4s
let delSet = set.delete(4);
console.log(delSet); // true
// 檢視是否存在資料 4
let hasSet = set.has(4);
console.log(hasSet); // false
// 清除所有資料
set.clear();
console.log(set); // Set(0) {}

  

遍歷方法:

    Set 提供了三個遍歷器生成函式和一個遍歷方法。

      keys()     返回一個鍵名的遍歷器

      values()    返回一個鍵值的遍歷器

      entries()    返回一個鍵值對的遍歷器

      forEach()   使用回撥函式遍歷每個成員

let color = new Set(["red", "green", "blue"]);
for(let item of color.keys()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.values()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.entries()){
 console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
color.forEach((item) => {
 console.log(item)
})
// red
// green
// blue

  

與陣列相關操作

  Set 轉陣列:

    由於擴充套件運算子...,內部的原理也是使用的 for-of 迴圈,所以也可以用於操作 Set 結構。

    例如將 Set 結構轉換為陣列結構:

        

let color = new Set(["red", "green", "blue"]);
let colorArr = [...color];

  

陣列去重:

    擴充套件運算子和 Set 結構相結合,就可以去除陣列的重複成員。

      

let arr = [1,2,2,2,2,"2",24,5,6];
//step1:陣列轉集合
let set = new Set(arr);//已經去掉重複值,當前不是陣列,而集合  Set { 1, 2, '2', 24, 5, 6 }
//step2:集合轉陣列
arr = [...set];//[ 1, 2, '2', 24, 5, 6 ]

擴充套件

let num1 = new Set([1, 2, 3, 4]);
let num2 = new Set([3, 4, 5, 6]);

//並集
let union = new Set([...num1,...num2]);
console.log(union);//Set { 1, 2, 3, 4, 5, 6 }

//交集
let intersect = new Set(
    [...num1].filter(x=> num2.has(x))
)
console.log(intersect); //Set { 3, 4 }

//差集
let difference = new Set(
    [...num1].filter(x => !num2.has(x))
)
console.log(difference); //Set { 1, 2 }