//Map 类似于object 键值对 map的键是可以是其它的类型
//添加1 二维数组
var m = new Map([['abc',123],['cde','456']]);//[keys,values]
console.log(m);//Map { 'abc' => 123, 'cde' => '456' }
//添加2 set()
var m2 = new Map();
m2.set('www','12212').set('4444','fff').set('fgfg','545646');//set(keys,values)
console.log(m2);//Map { 'www' => '12212', '4444' => 'fff', 'fgfg' => '545646' }
//获取 get()
console.log(m2.get('www'));//12212
//获取map的键 keys() 值 values()
console.log(m2.keys());//[Map Iterator] { 'www', '4444', 'fgfg' } ----->返回键名的遍历器
console.log(m2.values());//[Map Iterator] { '12212', 'fff', '545646' } ----->返回键值的遍历器
console.log(m2.entries());
//[Map Entries] {
// [ 'www', '12212' ],
// [ '4444', 'fff' ],
// [ 'fgfg', '545646' ]
// } ------>entries返回键值对的遍历器
//删除单个 delete()
var m3 = new Map();
m3.set('ff','12212').set('4op44','flfff').set('fxx','56');
console.log(m3);//Map { 'ff' => '12212', '4op44' => 'flfff', 'fxx' => '56' }
m3.delete('ff');
console.log(m3);//Map { '4op44' => 'flfff', 'fxx' => '56' }
//删除所有 clear()
var m4 = new Map();
m4.set('ff','12212').set('4op44','flfff').set('fxx','56');
console.log(m4);//Map { 'ff' => '12212', '4op44' => 'flfff', 'fxx' => '56' }
m4.clear();
console.log(m4);//Map { }
//长度 size
var m5 = new Map();
m5.set('ff','12212').set('4op44','flfff').set('fxx','56');
console.log(m5.size)//3
//是否匹配 has() 返回值 true false 匹配方式=>匹配键名
var m6 = new Map();
m6.set('ff','12212').set('4op44','flfff').set('fxx','56');
console.log(m6.has('ff')); //true
console.log(m6.has('12212')); //false
//循环 for...of 替代for ...in forEach()
//可循环是array set map 但不能是object
for(var v of m6.keys()){
console.log(v); //ff 4op44 fxx
}
for(var v of m6.values()){
console.log(v); //12212 flfff 56
}
for(var [k,v] of m6){
console.log(k,v);//ff 12212 / 4op44 flfff / fxx 56
}
//类型转换
//1.Object --> 数组
var o = {a:'1',w:'f',r:'555'};
console.log(Object.keys(o)); // ["a", "w", "r"]
console.log(Object.values(o)); // ["1", "f", "555"]
//2.map --> 数组
var mm = new Map([['abc',123],['cde','456']]);
console.log([...mm.keys()]); //[ 'abc', 'cde' ]
console.log([...mm.values()]); //[ 123, '456' ]
//3.map --> Object
var mm2 = new Map([['abc',123],['cde','456']]);
var o2 = {};
for(var [k,v] of mm2){
o2[k]=v;
}
console.log(o2); //{ abc: 123, cde: '456' }
//4.Object --> map
var o3 = {a:'1',w:'f',r:'555'};
var mm3 = new Map();
for(let k in o3){ //for in 遍历的k 是键名
mm3.set(k,o3[k]);
}
console.log(mm3); //Map { 'a' => '1', 'w' => 'f', 'r' => '555' }
es6中map的属性、方法和使用
最新推荐文章于 2024-02-05 14:24:00 发布