es6之map学习

es6的map详解

map对象
当key为字符串时

var mymap=new Map();
var a="aa"
mymap.set(a,"aaa")
console.log(mymap)//打印出key与value的对应值
console.log(...mymap)//将map对象中的key与value的值转成数组
console.log("获取map对象的value"+mymap.get(a))//获取value

结果

当key为对象时

var mymap=new Map();
//当key是对象时
var a={b:5};
mymap.set(a,"aaa")
console.log(mymap)//打印出的key也为对象，value的值为aaa
console.log(...mymap)//将map对象中的key与value值转成数组
console.log("获取map对象的value为："+mymap.get(a))//获取value，为aaa

结果

map的迭代

var mymap=new Map()
var [a,b]=['a','b']
mymap.set(a,"aa")
mymap.set(b,"bb")
for(var [key,value]of mymap){
  console.log("key为"+key+","+"value为"+value)
}
//这个 entries 方法返回一个新的 Iterator 对象，它按插入顺序包含了 Map 对象中每个元素的 [key, value] 数组
for (var [k, v] of mymap.entries()) {
  console.log(k + " = " + v);
}
//mymap.keys()返回key
for (var k1 of mymap.keys()) {
  console.log("mymap.keys()方法返回"+k1);
}
//mymap.values()返回value
for (var v1 of mymap.values()) {
  console.log("mymap.values()方法返回"+v1);
}

结果

map对象操作

//map对象的操作
//map与array的转换
//数组转map对象（需要要二维键值对的数组）
var array=[['aa','bb'],['cc','dd']]
var mymap=new Map(array)
console.log(mymap)
// 使用 Array.from 函数可以将一个 Map 对象转换成一个二维键值对数组
var array1=Array.from(mymap)
console.log(array1)

//map的合并
var one=new Map([["aa","bb"],["cc","dd"]])
var two=new Map([["aa","dd"],["ff","ff"]])
// 合并两个 Map 对象时，如果有重复的键值，则后面的会覆盖前面的
var merged=new Map([...one,...two])
console.log(merged)

结果