ECMAscript6 map

JavaScript的对象（Object），本质上是键值对的集合（Hash结构），但是只能用字符串当作键。这给它的使用带来了很大的限制。

为了解决这个问题，ES6提供了Map数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

Map结构提供了“值—值”的对应

//js中对象的键只能是字符串，当把一个ele当作键时它会自动转换成"[Object HTMLDivElement]"
//因此es6 添加了map数据结构
//map类似于对象，也是键值对的集合，但是键可以由各种类型的值。
//map提供了"值：值"写法
//map 有set has delete   size clear 但是添加了一个get

var m=new Map();//创建对象
var a={name:'s'}
m.set(a,'names')//设置键值 键为对象
console.log(m.has(a));//判断键对象
console.log(m);
console.log(m.get(a))//获取键对象

//map 可以接受一个数组为参数
//数组中的数组为键值表示
//相当于set('name','star')这样添加
var m2=new Map([['name','star'],['age',23]])
console.log(m2.size);
console.log(m2.get('name'))
//对于get has delete 时的键对象需要是同一个对象的引用。而不是值相等的对象。

遍历方法

//遍历  map是按遍历来返回的
//keys() values() entries() forEach

//遍历键
for( var item of m2.keys()){
console.log(item)
}

//遍历值
for( var item of m2.values()){
console.log(item)
}

//遍历键值，[0] [1]
for( var item of m2.entries()){
console.log(item[0],item[1])
}

//遍历key value
m2.forEach(function(key,value){
console.log(key,value);
})

//...也可以
console.log([...m2])
console.log([...m2.keys()])
console.log([...m2.values()])

//过滤
//由于map没有过滤，所以可以先转换成数组，用数组的filter 
var arr=[...m2].filter(function(k,v){
return v>0
})
console.log(arr);