首页 > web前端 > js教程 > JavaScript中Map对象如何使用?有哪些操作?

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

不言
发布: 2019-01-09 16:01:25
原创
12867 人浏览过

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

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

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

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

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

var map = new Map();
登录后复制

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

map.set('name', 'Tom');
登录后复制

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

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

new Map([['name', 'Tom'], ['name', 'Jerry']]);
登录后复制

如何获取和删除元素

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

var map = new Map();
  
map.set('name', 'Tom');
map.set('age', 18);
登录后复制

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

console.log(map.get('name'));
登录后复制

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

console.log(map.size);
console.log(map.has('age'));
登录后复制

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

map.delete('name');
map.clear();
登录后复制

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

Map对象的迭代处理

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

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

请看下面的示例

for(var key of map.keys()) {
  console.log(key);
}
登录后复制

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

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

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

for(var val of map.values()) {
  console.log(val);
}
登录后复制

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

以上是JavaScript中Map对象如何使用?有哪些操作?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板