這篇文章主要講解了“es6中的set怎么使用”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“es6中的set怎么使用”吧!
成都創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站制作、成都網(wǎng)站建設、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務耿馬,10余年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18980820575
本文操作環(huán)境:windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。
如何使用es6的set?
es6中set用法
如下:
//定義從var變?yōu)閘et 不可重復定義 let a=[1,2,3,4,5]; // Set 它類似于數(shù)組,但是成員的值都是唯一的,沒有重復的值。 let set=new Set();
Set 實例的方法分為兩大類:操作方法(用于操作數(shù)據(jù))和遍歷方法(用于遍歷成員)。
下面先介紹四個操作方法。
add(value):添加某個值,返回 Set 結(jié)構(gòu)本身。
delete(value):刪除某個值,返回一個布爾值,表示刪除是否成功。
has(value):返回一個布爾值,表示該值是否為Set的成員。
clear():清除所有成員,沒有返回值。
Array.from方法可以將 Set 結(jié)構(gòu)轉(zhuǎn)為數(shù)組。
Set 結(jié)構(gòu)的實例有四個遍歷方法,可以用于遍歷成員。
keys():返回鍵名的遍歷器
values():返回鍵值的遍歷器
entries():返回鍵值對的遍歷器
forEach():使用回調(diào)函數(shù)遍歷每個成員
需要特別指出的是,Set的遍歷順序就是插入順序。
由于 Set 結(jié)構(gòu)沒有鍵名,只有鍵值(或者說鍵名和鍵值是同一個值),所以keys方法和values方法的行為完全一致。
Set 結(jié)構(gòu)的實例默認可遍歷,它的默認遍歷器生成函數(shù)就是它的values方法。
這意味著,可以省略values方法,直接用for...of循環(huán)遍歷 Set。
擴展運算符(...)內(nèi)部使用for...of循環(huán),所以也可以用于 Set 結(jié)構(gòu)。
舉例
//1 數(shù)組去重 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]));
感謝各位的閱讀,以上就是“es6中的set怎么使用”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對es6中的set怎么使用這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關知識點的文章,歡迎關注!