[JavaScript知识库]vue Map的用法

一、set(添加)

//myMap.set(key, value);
//若是同一个键被赋值了多次,后面的会覆盖之前的值
var myMap = new Map();
1. 
myMap.set(keyString, "和键'a string'关联的值");
2.
for (var i = 0; i < this.tableData.length; i++) {
   let n = this.tableData4[i].Id + '-' + this.tableData4[i].name
   this.myMap .set(n, this.tableData[i].bdwant)
}
3.
myMap.set(keyString, {name："和键'a string'关联的值"});

二、get（查找）

this.myMap .get(row.recive)

三、has(返回是否存在)

//返回值:布尔值,若存在于Map中,则返回true
myMap.has(arr) //true

四、delete(删除)

myMap.delete(key);

五、clear(清除所有)

map.clear()

六、key与valus

var map = new Map()
    .set('aa',11)
    .set('bb',22)
for(let key of map.keys()){
    console.log(key)
}
//aa
//bb

for(let value of map.values()){
    console.log(value)
}
//11
//22

// 将会显示两个 logs。 一个是 "0 = zero" 另一个是 "1 = one"
myMap.forEach(function(value, key) {
  console.log(key + " = " + value);
}, myMap)

七、map的合并、转换

// 合并两个 Map 对象时，如果有重复的键值，则后面的会覆盖前面的，对应值即 uno，dos， three
var merged = new Map([...first, ...second]);
//map转数组
 var map = new Map()
    .set('aa',11)
    .set('bb',22)
    .set('cc',33)
    
    [...map] // [ ['aa',11],['bb',22],['cc',33] ]
    [...map.keys()] //  ["aa", "bb", "cc"]
    [...map.values()] // [11, 22, 33]
    [...map.entries()] //  [ ['aa',11],['bb',22],['cc',33] ]