ES6中Set和Map方法

文章目录

          • 1.Set
          • 2.Set对象的作用
          • 3.Map

1.Set

Set集合是一种无重复元素的列表

  • 声明一个set集合
let s = new Set();
let s1 = new Set([1,2,3,4,5]);
  • 求元素的个数
console.log(s1.size);
  • 添加元素
s1.add('55');
  • 删除元素
s1.delete(1);
  • 检测set集合中是否存在某个值,存在返回true,不存在返回false
console.log(s1.has('55'))
  • 清空元素
s1.clear();
  • 遍历
for(let v of s1){
      console.log(v);
    }
2.Set对象的作用
  1. 数组去重
    let arr = [1,2,3,4,5,4,3,2,1];
    // let result = new Set(arr) //不是一个数组,可以通过扩展运算符变成数组
    let result = [...new Set(arr)];
    console.log(result);
  1. 交集
let arr = [1,2,3,4,5,4,3,2,1];
let arr2 = [4,5,6,5,6];
let result = [...new Set(arr)].filter(item=>{
      let s2 = new Set(arr2); // 4,5,6
      if(s2.has(item)){
        return true;
      }else{
        return false;
      }
    })
console.log(result)
  1. 并集
let arr = [1,2,3,4,5,4,3,2,1];
let arr2 = [4,5,6,5,6];
let union = [...new Set([...arr,...arr2])];
console.log(union);
  1. 差集
let arr = [1,2,3,4,5,4,3,2,1];
let arr2 = [4,5,6,5,6];
let diff = [...new Set(arr)].filter(item=> !(new Set(arr2).has(item)))
console.log(diff);
3.Map

Map集合内含有多组键值对,集合中每个元素分别存放着可以访问的键名和它对应的值
键名的等价性是通过调用Object.is()方法实现的,所以数字5和字符串5会被识别为两种类型,可以分别作为独立的两个键出现在程序中。

  • 声明一个Map
let m = new Map();
  • 添加元素
m.set('name','galaxy');
m.set('change',function(){
     console.log('我们可以改变你')
   })
  • 获取元素的个数
console.log(m.size);
  • 删除元素
m.delete('name');
  • 获取元素
console.log(m.get('change'));
  • 清空Map
m.clear()
  • 遍历
 for(let v of m){
      console.log(v);
    }

你可能感兴趣的:(ES6)