ES6中Set和Map方法

最新推荐文章于 2024-12-15 22:36:46 发布

原创最新推荐文章于 2024-12-15 22:36:46 发布 · 519 阅读

7 ·

CC 4.0 BY-SA版权

ES6 专栏收录该内容

8 篇文章

订阅专栏

本文深入探讨了JavaScript中Set和Map对象的功能与使用技巧，包括数组去重、集合操作如交集、并集和差集，以及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对象的作用

数组去重

    let arr = [1,2,3,4,5,4,3,2,1];
    // let result = new Set(arr) //不是一个数组，可以通过扩展运算符变成数组
    let result = [...new Set(arr)];
    console.log(result);

交集

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)

并集

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);

差集

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);
    }