首頁  >  文章  >  web前端  >  如何使用es6的set

如何使用es6的set

藏色散人
藏色散人原創
2021-09-13 11:13:032883瀏覽

es6 set的使用方法:1、透過「let a=[1,2,3,4,5];」方式定義從var變成let;2、透過「let set=new Set( );」語法運用set即可。

如何使用es6的set

本文操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

如何使用es6的set?

es6中set用法

如下:

//定义从var变为let 不可重复定义
let a=[1,2,3,4,5];

// Set 它类似于数组,但是成员的值都是唯一的,没有重复的值。

    let set=new Set();

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

以下先介紹四個操作方法。

add(value):新增某個值,回傳 Set 結構本身。

delete(value):刪除某個值,傳回一個布林值,表示刪除是否成功。

has(value):傳回一個布林值,表示該值是否為Set的成員。

clear():清除所有成員,沒有回傳值。

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

Set 結構的實例有四個遍歷方法,可以用來遍歷成員。

keys():傳回鍵名的遍歷器

values():傳回鍵值的遍歷器

entries():傳回鍵值對的遍歷器

forEach():使用回呼函數遍歷每個成員

需要特別指出的是,Set的遍歷順序就是插入順序。

由於 Set 結構沒有鍵名,只有鍵值(或說鍵名和鍵值是同一個值),所以keys方法和values方法的行為完全一致。

Set 結構的實例預設可遍歷,它的預設遍歷器產生函數就是它的values方法。

這意味著,可以省略values方法,直接用for...of迴圈遍歷 Set。

擴充運算子(...)內部使用for...of循環,所以也可以用於 Set 結構。

範例

//1 数组去重
let a=[1,2,3,4,5,6,7,1,2,3];
let b=new Set([...a]);
b=[...b];
// 2 求交集 并集  差集
let a=new Set[1,2,3];
let b=new Set[3,4,5];
//交集
let c=new Set([...a,...b]);
//并集
let d=new Set([...a].filter(x=>b.has[x]));
//交集
let d=new Set([...a].filter(x=>!b.has[x]));

推薦學習:《javascript基礎教學

以上是如何使用es6的set的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn