ES6使用Set數(shù)據(jù)結(jié)構(gòu)實(shí)現(xiàn)數(shù)組的交集、并集、差集功能示例
本文實(shí)例講述了ES6使用Set數(shù)據(jù)結(jié)構(gòu)實(shí)現(xiàn)數(shù)組的交集、并集、差集功能。分享給大家供大家參考,具體如下:
Set數(shù)據(jù)結(jié)構(gòu)是es6中新增的,它類似于數(shù)組,但是成員的值唯一,沒有重復(fù)值。
Set本身是一個數(shù)據(jù)結(jié)構(gòu),用來生成Set數(shù)據(jù)節(jié)后
Set數(shù)據(jù)結(jié)構(gòu)的實(shí)例有4種遍歷方法:
keys()
:返回一個鍵名的遍歷器
values()
:返回一個鍵值便利器
entries()
:返回一個鍵值對便利器
forEach()
:使用回調(diào)函數(shù)遍歷每個成員
由于Set數(shù)據(jù)結(jié)構(gòu)沒有鍵名,只有鍵值(或者說鍵名和鍵值是同一個值),所以keys和values方法的行為完全一致。
因此使用Set可以容易的實(shí)現(xiàn)交集、并集、差集
看看實(shí)現(xiàn)代碼:
let a=new Set([1,2,3]); let b=new Set([4,3,2]); //交集 let union= [...new Set([...a,...b])]; console.log(union); //并集 let intersect= [...new Set([...a].filter(x=> b.has(x)))]; console.log(intersect); //差集 let difference= [...new Set([...a].filter(x=> !b.has(x)))]; console.log(difference);
更多相關(guān)內(nèi)容可查看本站專題:《ECMAScript6(ES6)入門教程》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《javascript面向?qū)ο笕腴T教程》
希望本文所述對大家基于ECMAScript的程序設(shè)計(jì)有所幫助。
- es6數(shù)組的flat(),flatMap()函數(shù)用法實(shí)例分析
- es6 filter() 數(shù)組過濾方法總結(jié)
- 淺談ES6新增的數(shù)組方法和對象
- ES6新特征數(shù)字、數(shù)組、字符串
- ES6數(shù)組的擴(kuò)展詳解
- ES6中數(shù)組array新增方法實(shí)例總結(jié)
- ES6 新增的創(chuàng)建數(shù)組的方法(小結(jié))
- ES6新特性七:數(shù)組的擴(kuò)充詳解
- ES6中的數(shù)組擴(kuò)展方法
- ES6基礎(chǔ)之?dāng)?shù)組和對象的拓展實(shí)例詳解
- ES6學(xué)習(xí)筆記之字符串、數(shù)組、對象、函數(shù)新增知識點(diǎn)實(shí)例分析
- es6數(shù)組includes()用法實(shí)例分析
相關(guān)文章
JavaScript實(shí)現(xiàn)帶音效的煙花特效
這篇文章主要為大家介紹了通過JavaScript實(shí)現(xiàn)的帶音效的煙花特效,文中的示例代碼簡潔易懂,對我們學(xué)習(xí)JavaScript有一定的幫助,感興趣的可以了解一下2021-12-12編寫跨瀏覽器的javascript代碼必備[js多瀏覽器兼容寫法]
下面比較了幾種瀏覽器之間的差異,在寫javascript代碼時 要時刻注意這些差異2008-10-10javascript設(shè)計(jì)模式 – 工廠模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 工廠模式,結(jié)合實(shí)例形式分析了javascript工廠模式基本概念、原理、定義、應(yīng)用場景及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-04-04使用nestjs實(shí)現(xiàn)郵件發(fā)送的代碼詳解
郵箱發(fā)送是我們常見的一個服務(wù),本篇文章帶大家用nestjs來實(shí)現(xiàn)一下,文中有詳細(xì)的代碼示例和圖文講解,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-10-10js實(shí)現(xiàn)帶緩沖效果的仿QQ面板折疊菜單代碼
這篇文章主要介紹了js實(shí)現(xiàn)帶緩沖效果的仿QQ面板折疊菜單代碼,通過JavaScript定時函數(shù)遞歸調(diào)用實(shí)現(xiàn)折疊菜單的緩沖效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09