JavaScript中Map对象如何使用?有哪些操作?

本篇文章将给大家介绍关于如何创建map对象以及如何使用map对象进行添加,获取,删除和迭代,所以下面我们就来看看具体的内容。

JavaScript中Map对象如何使用?有哪些操作?

首先我们来看一下如何创建Map对象?

通过创建关联数组,通常可以更容易地理解Map对象。

我们首先用new创建一个实例。

立即学习“Java免费学习笔记(深入)”;

  1. var map = new Map();

登录后复制

要添加元素,我们使用set()方法.

  1. map.set('name', 'Tom');

登录后复制

在此示例中,字符串“Tom”值被添加到“name”中。

顺便说一下,在创建实例时也可以如下设置初始值。

  1. new Map([['name', 'Tom'], ['name', 'Jerry']]);

登录后复制

如何获取和删除元素

例如,创建一个这样的Map对象:

  1. var map = new Map();  map.set('name', 'Tom');map.set('age', 18);

登录后复制

要获取此Map对象的“name”值,可以使用get()方法。如下所示

  1. console.log(map.get('name'));

登录后复制

顺便说一下,如果执行「size」的话,可以取得存储的元素数,使用has()的话可以确认是否存在任意的值。

  1. console.log(map.size);console.log(map.has('age'));

登录后复制

要删除元素,只需在delete()中指定要删除的元素的值。

  1. map.delete('name');map.clear();

登录后复制

对于Map 对象,执行clear将删除所有存储的元素。

Map对象的迭代处理

通常,迭代使用for-of语句很容易,但是Map对象提供了有用的属性。

例如,您可以使用key()来检索存储元素的所有“键”。

请看下面的示例

  1. for(var key of map.keys()) {  console.log(key);}

登录后复制

在此示例中,可以看到我们使用keys()对Map对象存储所存储的键进行反复处理

因此Map对象的所有键都可以列举出来。

此外,使用values()这次将获得所有的值。

  1. for(var val of map.values()) {  console.log(val);}

登录后复制

本篇文章到这里就全部结束了,更多精彩内容大家可以关注【创想鸟】的相关教程栏目!!!

以上就是JavaScript中Map对象如何使用?有哪些操作?的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    vue非父子组件传值和事件总线(eventbus)的使用方式介绍

    2025-3-8 1:07:28

    编程技术

    JavaScript中进行数组处理的map()方法的使用方法分析

    2025-3-8 1:07:35

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索