Rumah > hujung hadapan web > tutorial js > ES6如何使用Set数据结构操作数组

ES6如何使用Set数据结构操作数组

php中世界最好的语言
Lepaskan: 2017-12-30 16:47:56
asal
1813 orang telah melayarinya

这次给大家带来的是在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);
Salin selepas log masuk

相信看了以上介绍你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

JS的冒泡事件如何使用

用memcached,xcache做PHP缓存优化的实现步骤

JS的使用过程中如何自定义console对象

Atas ialah kandungan terperinci ES6如何使用Set数据结构操作数组. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan