快捷導(dǎo)航

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

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

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

本文實(shí)例講述了ES6使用Set數(shù)據(jù)結(jié)構(gòu)實(shí)現(xiàn)數(shù)組的交集、并集、差集功能。分享給大家供大家參考，具體如下：

Set數(shù)據(jù)結(jié)構(gòu)是es6中新增的，它類似于數(shù)組，但是成員的值唯一，沒有重復(fù)值。

Set本身是一個(gè)數(shù)據(jù)結(jié)構(gòu)，用來生成Set數(shù)據(jù)節(jié)后

Set數(shù)據(jù)結(jié)構(gòu)的實(shí)例有4種遍歷方法：

keys()：返回一個(gè)鍵名的遍歷器
values()：返回一個(gè)鍵值便利器
entries():返回一個(gè)鍵值對(duì)便利器
forEach():使用回調(diào)函數(shù)遍歷每個(gè)成員

由于Set數(shù)據(jù)結(jié)構(gòu)沒有鍵名，只有鍵值（或者說鍵名和鍵值是同一個(gè)值），所以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);

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

您可能感興趣的文章:

ES6
Set

相關(guān)文章

淺談JavaScript變量的自動(dòng)轉(zhuǎn)換和語句
下面小編就為大家?guī)硪黄獪\談JavaScript變量的自動(dòng)轉(zhuǎn)換和語句。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
JavaScript實(shí)現(xiàn)帶音效的煙花特效
這篇文章主要為大家介紹了通過JavaScript實(shí)現(xiàn)的帶音效的煙花特效，文中的示例代碼簡(jiǎn)潔易懂，對(duì)我們學(xué)習(xí)JavaScript有一定的幫助，感興趣的可以了解一下
2021-12-12
編寫跨瀏覽器的javascript代碼必備[js多瀏覽器兼容寫法]
下面比較了幾種瀏覽器之間的差異，在寫javascript代碼時(shí) 要時(shí)刻注意這些差異
2008-10-10
在layui中select更改后生效的方法
今天小編就為大家分享一篇在layui中select更改后生效的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
Javascript變量函數(shù)聲明提升深刻理解
本文主要介紹了Javascript變量函數(shù)聲明提升深刻理解，Javascript變量函數(shù)聲明提升Hoisting是在Javascript中執(zhí)行上下文工作方式的一種認(rèn)識(shí)，更多相關(guān)知識(shí)需要的小伙伴可以參考下面文章詳細(xì)內(nèi)容
2022-06-06
javascript設(shè)計(jì)模式 – 工廠模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 工廠模式,結(jié)合實(shí)例形式分析了javascript工廠模式基本概念、原理、定義、應(yīng)用場(chǎng)景及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
常規(guī)表格多表頭查詢示例
這篇文章主要介紹了常規(guī)表格多表頭查詢,需要的朋友可以參考下
2014-02-02
使用nestjs實(shí)現(xiàn)郵件發(fā)送的代碼詳解
郵箱發(fā)送是我們常見的一個(gè)服務(wù),本篇文章帶大家用nestjs來實(shí)現(xiàn)一下,文中有詳細(xì)的代碼示例和圖文講解,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2023-10-10
JS滾輪事件onmousewheel使用介紹
鼠標(biāo)滾輪滾動(dòng)控制圖片或者文字的大小，例如此類的轉(zhuǎn)動(dòng)鼠標(biāo)滾輪實(shí)現(xiàn)縮放等等交互效果中，會(huì)用到 Mousewheel 事件，感興趣的朋友可以了解下
2013-11-11
js實(shí)現(xiàn)帶緩沖效果的仿QQ面板折疊菜單代碼
這篇文章主要介紹了js實(shí)現(xiàn)帶緩沖效果的仿QQ面板折疊菜單代碼,通過JavaScript定時(shí)函數(shù)遞歸調(diào)用實(shí)現(xiàn)折疊菜單的緩沖效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09