js - 关于Map对象的使用

本文介绍了JavaScript中的Map对象,包括创建、添加键值对、获取值、删除及遍历等操作。Map对象允许使用任意类型作为键,区别于数组和对象。在Vue中,Map可以通过v-for遍历,提供更灵活的数据绑定。文章还对比了Map、Array和Object的特性,强调了Map在处理非字符串键或需要遍历顺序时的优势。
摘要由CSDN通过智能技术生成

以下列表引自: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.forEach(function(key){
  console.log("key",key)  //输出的是map中的value值
})

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

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

map与array、object的对比

maparrayobject
用字符串做键×
用字符串、数字以外做键××
用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"]

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值