0


【ES6】集合的使用

ES6提供了新的数据结构Set(集合)。它类似于数组,但成员的值都是唯一的,集合实现了iterator接口,所以可以使用「扩展运算符』和「 for …f…』进行遍历,集合的属性和方法:

  1. size返回集合的元素个数
  2. add增加一个新元素,返回当前集合
  3. delete删除元素,返回boolean值
  4. has检测集合中是否包含某个元素,返回boolean值

实例:

  1. let arr =[1,2,3,2,5,6,2];let set1 =newSet(arr);// 元素个数size
  2. console.log(set1.size);//添加元素
  3. set1.add(9)//删除元素
  4. set1.delete(5)//检测元素
  5. console.log(set1.has(5));//遍历元素for(let i of set1){
  6. console.log(i);}//清空集合
  7. set1.clear();
  8. console.log(set1);

集合实践

  1. let arr1 =[1,2,3,5,6,4,2,1];
  2. console.log(arr1);//1.数组去重let s =[...newSet(arr1)];
  3. console.log(s);//排序let s1 = s.sort((a,b)=>{return a-b
  4. })
  5. console.log(s1);//2.求交集let arr2 =[3,4,5,6,8,7];let s2 =[...(newSet(arr2))];
  6. console.log(s2);let result = s.filter(item=>{returnnewSet(arr2).has(item)})
  7. console.log(result);//3.求并集let result2 =[...newSet([...arr1,...arr2])].sort((a,b)=>{return a-b
  8. });
  9. console.log(result2);//4.求差集let result3 = s.filter(item=>{return!(newSet(arr2).has(item))})
  10. console.log(result3);
标签: es6 javascript 前端

本文转载自: https://blog.csdn.net/weixin_46277553/article/details/126517963
版权归原作者 苏凉.py 所有, 如有侵权,请联系我们删除。

“【ES6】集合的使用”的评论:

还没有评论