ES6基础之——new Set

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6基础之——new Set相关的知识,希望对你有一定的参考价值。

参考技术A

Set 对象存储的值总是唯一的

Set 对象方法
方法 描述
add 添加某个值,返回Set对象本身。
clear 删除所有的键/值对,没有返回值。
delete 删除某个键,返回true。如果删除失败,返回false。
forEach 对每个元素执行指定操作。
has 返回一个布尔值,表示某个键是否在当前 Set 对象之中。

Set 对象作用
数组去重

并集

交集

差集

ES6 new Set 运用

1.数组去重

var arr = [1,2,3,3,1,4];
[...new Set(arr)]; // [1, 2, 3, 4]
Array.from(new Set(arr)); // [1, 2, 3, 4]
[...new Set(‘ababbc‘)].join(‘‘); // "abc" 字符串去重
new Set(‘ice doughnut‘); //["ice","doughnut"]

2.并集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var union = new Set([...a, ...b]); // {1, 2, 3, 4}

3.交集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var intersect = new Set([...a].filter(x => b.has(x))); // {2, 3}

4.差集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var difference = new Set([...a].filter(x => !b.has(x))); // {1}

 

以上是关于ES6基础之——new Set的主要内容,如果未能解决你的问题,请参考以下文章

js es6 Proxy

ES6入门之set和map

学习笔记—前端基础之构造函数与类

es6之数据结构 set,WeakSet,mapWeakMap

前端面试基础回顾之深入JS继承

Vue基础之es6