ES6 新增set方法

JS Set与数组操作技巧

最新推荐文章于 2024-05-20 13:46:25 发布

原创最新推荐文章于 2024-05-20 13:46:25 发布 · 391 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#set #es6

本文详细介绍如何使用JavaScript的Set对象去除数组重复元素，以及如何通过Set实现数组的全集、交集和差集运算。文章包含具体代码示例，展示如何创建Set，检查元素存在性，删除元素，并将Set转换回数组。

var arr = [1,2,3,3,2,1,4,5];
       // 实例化时传入数组
       var s = new Set([...arr]);
       // set数组长度
       console.log(s.size)
       // 判断是否存在
       console.log(s.has(1))
       // 删除一项
       s.delete(2);
       console.log(s.has(2))
       // 使用扩展运算符生成数组
       // console.log([...s]);
       // 使用Array.from生成数组
       var a = Array.from(s);
       console.log(a);

       // 去除数组重复成员函数
       function dedupe(array) {
           return [...new Set(array)];
           // return Array.from(new Set(array));
       }
       var aaa = dedupe([1,2,2,3,4,5,5,5,5,6,6,6,6,7,7,7]);
       var bbb = [...new Set([1,2,2,3,4,5,5,5,5,6,6,6,6,7,7,7])];
       console.log(aaa,bbb)

       // 实现两个数组求全集求交集求差集
       var a = [1,2,3,4];
       var b = [3,4,5,6];
       // 全集 [1,2,3,4,5,6] 交集 [3,4] 差集[1,2,5,6]

var aSet = new Set([...a]);
var bSet = new Set([...b]);

       // 全集
       var qj = [...new Set([...a,...b])];
       console.log('全集',qj)
       // 交集
       var jj = [...aSet].filter((a) => bSet.has(a));
       console.log('交集',jj)
       // 差集
       var cj = [...[...aSet].filter((a) => !bSet.has(a)),...[...bSet].filter((a) => !aSet.has(a))];
       // 或者
       var cj =[...aSet,...bSet].filter((a) => !bSet.has(a) || !aSet.has(a));
       console.log('差集',cj)