首頁 > web前端 > js教程 > ES6如何使用Set資料結構操作數組

ES6如何使用Set資料結構操作數組

php中世界最好的语言
發布: 2017-12-30 16:47:56
原創
1804 人瀏覽過

這次帶給大家的是在ES6如何使用Set資料結構運算陣列,我們Set資料結構是es6中新增的,它類似數組,但是成員的值唯一,沒有重複值。這篇文章就給大家好好分析一下。

Set本身就是一個資料結構,用來產生Set資料節後面

Set資料結構的實例有4種遍歷方法:

keys():傳回一個鍵名的遍歷器
values():傳回一個鍵值便利器
entries():傳回一個鍵值對便利器
forEach():使用回呼函數遍歷每個成員

由於Set資料結構沒有鍵名,只有鍵值(或說鍵名和鍵值是同一個值),所以keys和values方法的行為完全一致。

因此使用Set可以容易的實現交集、並集、差集

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);
登入後複製

相信看了以上介紹你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

JS的冒泡事件如何使用

#用memcached,xcache做PHP快取最佳化的實現步驟

JS的使用過程中如何自訂console物件

以上是ES6如何使用Set資料結構操作數組的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板