【JavaScript】Map和Set

最新推荐文章于 2025-03-20 16:28:00 发布

Peanutty

最新推荐文章于 2025-03-20 16:28:00 发布

阅读量122

点赞数

分类专栏：前端基础Html CSS JS 文章标签：数据结构 javascript java

本文链接：https://blog.youkuaiyun.com/hhb442/article/details/112993736

版权

前端基础Html CSS JS 专栏收录该内容

9 篇文章

订阅专栏

JavaScript中Map和Set

ES6新特性

Map和Set

Map

定义

var mp = new Map([["tom",100],["jack",90],["nick",80]]);

在这里插入图片描述

通过key获得value

var mp = new Map([["tom",100],["jack",90],["nick",80]]);
var values = mp.get("tom");//通过key获得value

在这里插入图片描述

新增或修改值

    var mp = new Map([["tom",100],["jack",90],["nick",80]]);
    var values = mp.get("tom");//通过key获得value

    mp.set("admin",99); //新增或修改值

在这里插入图片描述

根据key删除值

    var mp = new Map([["tom",100],["jack",90],["nick",80]]);
    var values = mp.get("tom");//通过key获得value

    mp.set("admin",99); //新增或修改值
    mp.delete("tom");   //根据key删除值

在这里插入图片描述

Set 无序不重复的集合

set特性

var st = new Set([3,1,2,1]);

在这里插入图片描述

添加元素

    var st = new Set([3,1,2,1]);
    st.add(9);

在这里插入图片描述

删除元素

    var st = new Set([3,1,2,1]);
    st.add(9);
    st.delete(3);

在这里插入图片描述

是否包含

    var st = new Set([3,1,2,1]);
    st.add(9);
    st.delete(3);
    console.log(st.has(9));

在这里插入图片描述

iterator迭代器，for…of

遍历数组

    var arr = [3,4,5];
    for(let i of arr){
        console.log(i);
    }

在这里插入图片描述

遍历Map

    var mp = new Map([["tom",100],["jack",90],["nick",80]]);

    for(var x of mp){
        console.log(x);
    }

在这里插入图片描述

遍历Set

    var st = new Set([3,1,2,1]);
    
    for(let s of st){
        console.log(s);
    }

在这里插入图片描述