JavaScript set和map的使用

最新推荐文章于 2024-09-04 20:00:00 发布

思诚代码块

最新推荐文章于 2024-09-04 20:00:00 发布

阅读量668

点赞数

分类专栏： JavaScript实战笔记+理论文章标签： javascript 开发语言 set 和map

本文链接：https://blog.csdn.net/weixin_47556601/article/details/122863333

版权

JavaScript实战笔记+理论专栏收录该内容

27 篇文章 2 订阅

订阅专栏

大家好，今天分享一下JavaScript set和map的使用

首先，我们要知道，
Set是ES6提供的一种类似于数组的数据结构。

它的成员的值都是唯一的，不会有重复（这是它和数组的区别）

map

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        'use strict';
   //  var names =["zhangsan","lisi","wangwu"];
     //var  age=[4,5,6];
     //我们如果这样查询就太累了，
        //所以我们要使用map来帮助查询
        var map =new Map([['zhangsan',4],['lisi',5],['wangwu',6]]);
       var name = map.get('zhangsan');
        console.log(name)
    </script>
</head>
<body>

</body>
</html>

看结果：

在这里插入图片描述

 map.set('shuaige',654123);     //添加数据shuaige,654123

看结果：

在这里插入图片描述
set //可以去重

var set = new Set([5,1,1,1,1,2]);     //set  可以去重

在这里插入图片描述

这就是把1去掉的结果：

在这里插入图片描述

map.delete("zhangsan")      //删除zhangsan

结果截图：

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        'use strict';
   //  var names =["zhangsan","lisi","wangwu"];
     //var  age=[4,5,6];
     //我们如果这样查询就太累了，
        //所以我们要使用map来帮助查询
        var map =new Map([['zhangsan',4],['lisi',5],['wangwu',6]]);
       var name = map.get('zhangsan');
       map.set('shuaige',654123);
        console.log(name);
        map.delete("zhangsan")      //删除zhangsan
        var set = new Set([5,1,1,1,1,2]);     //set  可以去重
        set.add(2)     //增加2
         set.delete(1)     //把1去掉

        console.log(set. has(2))     //查询是否有2
     

    </script>
</head>
<body>

</body>
</html>