Map 是一个构造函数,用来生成 Map 数据结构,它类似于对象,也是键值对的集合,但是“键”可以是非字符串, 初始化 Map 需要一个二维数组,或者直接初始化一个空的 Map:
一般对象的键只能是字符串:
var obj1 = {
0:'xm',
1:'18',
2:'男',
length:3
};
for(var key in obj1){
console.log(typeof key); //string
}
Map数据结构:
也是键值对的集合,但是键名可以是各种类型:
var m1 = new Map();
var m2 = new Map([['a','111'],['b','222'],['c',333]]);
var m3 = new Map([[1,'aaa'],[2,'bbb'],[3,'ccc']]);
console.log(m1); //Map(0) {}
console.log(m2); //Map(3) {"a" => "111", "b" => "222", "c" => 333}
console.log(m3); //Map(3) {1 => "aaa", 2 => "bbb", 3 => "ccc"}
//set(key, value)
var m1 = new Map();
m1.set(1,'abc');
m1.set(2,'bcd');
console.log(m1); //Map(2) {1 => "abc", 2 => "bcd"}
//get(key)
var m2 = new Map([['a','111'],['b','222'],['c',333]]);
console.log(m2.get('c')); //333
var m3 = new Map([[1,'aaa'],[2,'bbb'],[3,'ccc']]);
console.log(m3.has(1)); //true
console.log(m3.has('1')); //false
// delete(key):删除某个键值对,返回一个布尔值,表示删除是否成功
var m3 = new Map([[1,'aaa'],[2,'bbb'],[3,'ccc']]);
console.log(m3.delete(1)); //true
console.log(m3.delete(4)); //false
console.log(m3); //Map(2) {2 => "bbb", 3 => "ccc"}
forEach 遍历 :
Map的forEach方法与数组的类似,可以实现遍历。
//遍历
var m2 = new Map([['a','111'],['b','222'],['c',333]]);
m2.forEach(function(item,index,map){
console.log(item); //111 222 333
console.log(index); //a b c
console.log(map); //Map(3) {"a" => "111", "b" => "222", "c" => 333}
})
ES6的 for of 遍历:
var map = new Map([['a', 123], ['b', 456], [3, 'abc'],['c', 789]]);
for (const item of map) {
console.log( item );//数组
}
for (const [key,val] of map) {
console.log(key+' : '+val);
}
传统 Object 用字符串作键,Object 结构提供了“字符串 — 值”的对应
Map 结构提供了“值 — 值”的对应,是一种更完善的 Hash 结构实现
如果你需要“键值对”的数据结构,Map 比 Object 更快速 更高效 更合适。(逆战班)