ES6使用Set數(shù)據(jù)結(jié)構(gòu)實現(xiàn)數(shù)組的交集、并集、差集功能示例
本文實例講述了ES6使用Set數(shù)據(jù)結(jié)構(gòu)實現(xiàn)數(shù)組的交集、并集、差集功能。分享給大家供大家參考,具體如下:
Set數(shù)據(jù)結(jié)構(gòu)是es6中新增的,它類似于數(shù)組,但是成員的值唯一,沒有重復值。
Set本身是一個數(shù)據(jù)結(jié)構(gòu),用來生成Set數(shù)據(jù)節(jié)后
Set數(shù)據(jù)結(jié)構(gòu)的實例有4種遍歷方法:
keys()
:返回一個鍵名的遍歷器
values()
:返回一個鍵值便利器
entries()
:返回一個鍵值對便利器
forEach()
:使用回調(diào)函數(shù)遍歷每個成員
由于Set數(shù)據(jù)結(jié)構(gòu)沒有鍵名,只有鍵值(或者說鍵名和鍵值是同一個值),所以keys和values方法的行為完全一致。
因此使用Set可以容易的實現(xiàn)交集、并集、差集
看看實現(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è)計有所幫助。
- es6數(shù)組的flat(),flatMap()函數(shù)用法實例分析
- es6 filter() 數(shù)組過濾方法總結(jié)
- 淺談ES6新增的數(shù)組方法和對象
- ES6新特征數(shù)字、數(shù)組、字符串
- ES6數(shù)組的擴展詳解
- ES6中數(shù)組array新增方法實例總結(jié)
- ES6 新增的創(chuàng)建數(shù)組的方法(小結(jié))
- ES6新特性七:數(shù)組的擴充詳解
- ES6中的數(shù)組擴展方法
- ES6基礎(chǔ)之數(shù)組和對象的拓展實例詳解
- ES6學習筆記之字符串、數(shù)組、對象、函數(shù)新增知識點實例分析
- es6數(shù)組includes()用法實例分析
相關(guān)文章
編寫跨瀏覽器的javascript代碼必備[js多瀏覽器兼容寫法]
下面比較了幾種瀏覽器之間的差異,在寫javascript代碼時 要時刻注意這些差異2008-10-10javascript設(shè)計模式 – 工廠模式原理與應用實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 工廠模式,結(jié)合實例形式分析了javascript工廠模式基本概念、原理、定義、應用場景及相關(guān)操作注意事項,需要的朋友可以參考下2020-04-04