es6 Set和Map方法

Set方法

Set的方法

size 查看Set集合元素个数
add 给Set集合添加新的元素对象
delete Set元素删除某个元素
has 检测Set集合是否有该元素
clear 清除Set所有元素

演示案例：

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
  head>
  <body>
    <script>
      let list = [0, 0, 1, 2, 3, 3, 2, 1];
      let arr = new Set(list); //通过Set构造函数来去重数组list
      arr.add(4); //给Set集合添加元素
      console.log(arr.has(3)); //检测Set数组是否有元素
      //    console.log(arr.clear());//清理Set数组中所有元素
      arr.delete(3);//删除某个元素
      console.log(arr); //Set集合
      console.log(arr.size); //打印Set数组arr的长度
    script>
  body>
html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

Map

方法如下：

set 添加元素
size 获取Map对象key多少
delete 删除Map对象中的某个key
get 获取键值

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
  head>
  <body>
    <script>
     let obj = new Map();
     let obj1 = {};
     obj.set(obj1,"这是一个Map对象");//设置Map对象的键和值
     console.log(obj.get(obj1));//获取Map对象obj1的键值
     console.log(obj.delete(obj1));//根据键名删除Map对象中的键值
     console.log(obj.size);
     
    script>
  body>
html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

相关阅读:
Mac上Chrome浏览器快捷键汇总
【成为红帽工程师】第五天 NFS服务器
蓝牙学习一（简介）
Vue添加动态路由后，不同角色访问“/”产生404问题
Vue3的响应式更新是由什么实现的
英语不好，能不能学会编程？
JZ11 旋转数组的最小数字
数据库实验：SQL的数据控制
全屏直接用
含文档+PPT+源码等]精品基于Uniapp+SSM实现的记账app[包运行成功]Android毕业设计Java项目源码论文

原文地址：https://blog.csdn.net/weixin_51666715/article/details/126809587