js - 关于Map对象的使用
程序员文章站
2022-04-10 15:38:53
...
js - 关于Map对象的使用
以下列表引自: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"]
喜欢的话不妨点个小小的赞与关注,您的赞与关注将是我源源不断的前进动力。
推荐阅读
-
关于PHP的相似度计算函数:levenshtein的使用介绍_php实例
-
关于js与php互相传值的介绍
-
js的内置对象详解
-
javascript new一个对象的实质_js面向对象
-
如何使用gulp压缩博客的html、css、image、js
-
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)_javascript技巧
-
关于php中implements的使用实例分享
-
Node.js Koa2使用JWT进行鉴权的方法示例
-
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
-
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)