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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中Map对象如何使用？有哪些操作？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1429字，纯文字阅读大概需要3分钟。

内容图文

首先我们来看一下如何创建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);
}

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

以上就是JavaScript中Map对象如何使用？有哪些操作？的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JavaScript中Map对象如何使用？有哪些操作？全部内容，希望文章能够帮你解决JavaScript中Map对象如何使用？有哪些操作？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端