js键值对的数据集合处理(Map)

定义与创建

var map = new Map()

获取集合大小(只读属性

map.size

通过键(key)获取值

var mapValue = map.get(key)

通过键(key)判断是否存在

var isExist = map.has(key)

设置值(设置的值类型可以是对象/数组/字符串)

map.set(key,value)

通过键(key)删除map中的数据

map.delete(key)

清空map集合

map.clear()

Map集合也可以用forEach进行遍历

第一种常用(forEach)

参数1:每一项的值
参数2:每一项的键
参数3:map本身
const mp = new Map([["a", 1], ["b", 2], ["c", 3]]);
mp.forEach((value, key, mp) => {
  console.log("key : " + key)
console.log("value : " + value)
console.log(mp) });

运行结果:

第二种不常用(for-of)

itemArry 中的内容是长度为2的数组,下标为0的是key,下标为1的是value
const map = new Map([["a", 1], ["b", 2], ["c", 3]]);
for (const itemArry of map ) {
    console.log(itemArry);
}

运行结果:

Vue下,当使用Map类数据做数据的set操作时,视图层无渲染效果的时候,使用this.$forceUpdate()进行重新渲染,就能达到界面的数据刷新展现效果

this.$forceUpdate()

 

posted @ 2022-04-22 14:23  随风去远方  阅读(1085)  评论(0编辑  收藏  举报
// 博客园添加鼠标粒子吸附特效