欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js - 关于Map对象的使用

程序员文章站 2022-04-10 15:38:53
...

以下列表引自:https://www.cnblogs.com/mywangpingan/p/10309058.html

Map对象的使用方法:

1.创建map对象

var map = new Map();

2.将键值对放入map对象

map.set("key",value)
map.set("key1",value1)
map.set("key2",value2)

3.根据key获取map值

map.get(key)

4.删除map指定对象

delete map[key]
或
map.delete(key)

5.循环遍历map

map.orEach(function(key){
  console.log("key",key)  //输出的是map中的value值
})

看到这里可能你不知道Map对象究竟能干什么。

这里就写一下map与array、object的区别(才疏学浅只发现了这么多,以后遇到会持续更新):

map与array、object的对比

map array object
用字符串做键 ×
用字符串、数字以外做键 × ×
用for of ×

所以map数据可以在vue中用v-for遍历,解锁更多玩法

	v-for="(item,index) in map" 中
	index 还是跟以前一样为 0,1,2,3...
	item  是一个个数组。数组的第一项为Map的键,第二项为Map的值

如果上述map数据为

	map.set("key1","value1")
	map.set("key2","value2")

则index与item即为

0	:	["key1","value1"]
1	:	["key2","value2"]

喜欢的话不妨点个小小的赞与关注,您的赞与关注将是我源源不断的前进动力。