快捷導航

ES6使用Set數(shù)據(jù)結(jié)構(gòu)實現(xiàn)數(shù)組的交集、并集、差集功能示例

更新時間：2017年10月31日 10:18:38 作者：juzipchy

這篇文章主要介紹了ES6使用Set數(shù)據(jù)結(jié)構(gòu)實現(xiàn)數(shù)組的交集、并集、差集功能,結(jié)合實例形式分析了ES6中Set數(shù)據(jù)結(jié)構(gòu)的相關(guān)函數(shù)與實現(xiàn)數(shù)組交集、并集、差集的相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了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);

希望本文所述對大家基于ECMAScript的程序設(shè)計有所幫助。

您可能感興趣的文章:

ES6
Set

相關(guān)文章

微信小程序?qū)崿F(xiàn)簡單秒表設(shè)計
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡單秒表設(shè)計，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-09-09
JavaScript的Proxy對象詳解
這篇文章主要為大家介紹了JavaScript的Proxy對象，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
js this函數(shù)調(diào)用無需再次抓獲id，name或標簽名
this就是你當前要執(zhí)行的js所抓獲的節(jié)點，這樣在js里就可以不用document.getElement之類的寫法來抓獲id，name或標簽名，具體示例如下
2014-03-03
JavaScript encodeURI 和encodeURIComponent
encodeURI和encodeURIComponet函數(shù)都是javascript中用來對URI進行編碼，將相關(guān)參數(shù)轉(zhuǎn)換成UTF-8編碼格式的數(shù)據(jù)。URI在進行定位跳轉(zhuǎn)時，參數(shù)里面的中文、日文等非ASCII編碼都會進行編碼轉(zhuǎn)換
2015-12-12
javascript 網(wǎng)頁進度條簡單實例
這篇文章主要介紹了javascript 網(wǎng)頁進度條簡單實例的相關(guān)資料,需要的朋友可以參考下
2017-02-02
three.js實現(xiàn)圓柱體
這篇文章主要為大家詳細介紹了three.js實現(xiàn)圓柱體的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
JavaScript中數(shù)組Array.sort()排序方法詳解
本篇文章主要介紹了JavaScript中數(shù)組Array.sort()的排序方法。具有很好的參考價值，下面跟著小編一起來看下吧
2017-03-03
詳解js中構(gòu)造流程圖的核心技術(shù)JsPlumb（2）
這篇文章主要介紹了js中構(gòu)造流程圖的核心技術(shù)JsPlumb，jsPlumb是一個強大的JavaScript連線庫，它可以將html中的元素用箭頭、曲線、直線等連接起來，適用于開發(fā)Web上的圖表、建模工具等，需要的朋友可以參考下
2015-12-12
echarts展示區(qū)域地圖添加紋理圖片操作指南
這篇文章主要給大家介紹了關(guān)于echarts展示區(qū)域地圖添加紋理圖片操作的相關(guān)資料,ECharts地圖組件支持使用圖片作為地圖區(qū)域的填充紋理,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2023-12-12
JavaScript的各種常見函數(shù)定義方法
這篇文章主要介紹了JavaScript的各種常見函數(shù)定義方法,包含了一些技巧的測試與分析總結(jié),需要的朋友可以參考下
2014-09-09