网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

JavaScript中Map对象的使用方法

JavaScript中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);
}

感谢各位的阅读!看完上述内容,你们对JavaScript中Map对象的使用方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。


标题名称:JavaScript中Map对象的使用方法
转载来源:http://bjjierui.cn/article/jcocjh.html

其他资讯