JavaScript中Map对象如何使用?有哪些操作?
程序员文章站
2022-05-15 11:10:12
...
本篇文章将给大家介绍关于如何创建Map对象以及如何使用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开发中如何使用jquery操作session
-
在JavaScript中操作数组之map()方法的使用
-
JavaScript 中 web worker 如何使用?又有哪些限制?
-
javascript中对象的定义、使用以及对象和原型链操作小结
-
JavaScript开发中如何使用jquery操作session
-
常用的SQL标准有哪些,在SQL92中是如何使用连接的?
-
JavaScript中访问节点对象的方法有哪些如何使用_javascript技巧
-
JavaScript中Map对象如何使用?有哪些操作?
-
JavaScript中访问节点对象的方法有哪些如何使用_javascript技巧
-
JavaScript中的Array对象如何使用