• JS中的set集合和map映射


    set集合、map映射的特点:不重复、无序

    Set集合

    1. 声明set:let set = new Set();

    2. 获取成员的个数:set.size

    3. 添加成员:set.add(成员);

    4. 删除成员:set.delete(成员);

    5. 清除所有成员:set.clear();

    6. 判断某个值是否是set的成员:let flag = set.has(成员);

    7. 遍历
      ① for…of

      let set = new Set([1, 2, 3, 4, 5, 6]);
      for(let item of set) {
      	console.log(item);
      }
      
      • 1
      • 2
      • 3
      • 4

      ② forEach

      let set = new Set([1, 2, 3, 4, 5, 6]);
      set.forEach((item, index) => {
      	console.log(index, item);  // index为键;item为值,且键和值相同
      })
      
      • 1
      • 2
      • 3
      • 4
    8. 数组与集合互相转换
      ① 数组变集合

      let arr = [1, 2, 3, 4, 5, 6];
      let set = new Set(arr);
      
      • 1
      • 2

      ② 集合变数组

      let set = new Set([1, 2, 3, 4, 5, 6]);
      let arr = [...set]
      • 1
      • 2
    9. 数组去重

      let arr = [...new Set([1, 2, 2, 4, 3, 5, 6, 6])];  // [1, 2, 4, 3, 5, 6]
      
      • 1

    Map映射

    map与set区别:map的键可以是任意数据类型

    1. 声明map对象:let map = new Map();
    2. 获取成员的个数:map.size
    3. 添加成员:map.set(键,值);
    4. 删除成员:map.delete(键);
    5. 获取成员:map.get(键);
    6. 清除所有成员:map.clear();
    7. 判断某个值是否是map的成员:let flag = map.has(键);
    8. 遍历
      ① for…of + map.keys()、map.values()
      let map = new Map();
      map.set(a, 123);  // 键:a  值:123
      map.set({
      	name: '小w'
      }, 18);  // 键:包含name属性的对象  值: 18
      // 通过map.keys()遍历键
      for(let key of map.keys()) {
      	console.log(key);  // a 、 {name: '小w'}
      }
      // 通过map.values()遍历值
      for(let value of map.values()) {
      	console.log(value);  // 123、18
      }
      // 通过map遍历键值对
      for(let [key, value] of map) {
      	console.log(key, value);  // 这里通过解构赋值的方式可直接获取到key和value
      }
      
      • 1
      • 2
      • 3
      • 4
      • 5
      • 6
      • 7
      • 8
      • 9
      • 10
      • 11
      • 12
      • 13
      • 14
      • 15
      • 16
      • 17
  • 相关阅读:
    IDEA如何配置 Gradle 及 Gradle 安装过程(详细版)
    2022-08-31 第五组 张明敏 第五组
    VS2019新建页面找不到Qt项目解决方法
    基础课8——中文分词
    Java内部类(自用)
    界面控件DevExpress WPF Splash Screen,让应用启动画面更酷炫!
    计算机外设:显示器是如何工作的?
    HTML + JQuery + CSS 实现动态变色雪花特效
    Gerrit 使用操作手册
    计数排序与基数排序
  • 原文地址:https://blog.csdn.net/wytccc/article/details/127718606