ecma6 map

ecma6 map

Map 是一个构造函数,用来生成 Map 数据结构,它类似于对象,也是键值对的集合,但是“键”可以是非字符串, 初始化 Map 需要一个二维数组,或者直接初始化一个空的 Map:

一般对象的键只能是字符串:


 var obj1 = {
            0:'xm',
            1:'18',
            2:'男',
            length:3
        };
        for(var key in obj1){
            console.log(typeof key);  //string
        }

Map数据结构:
也是键值对的集合,但是键名可以是各种类型:

创建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"}

Map 的一些操作方法:

set(key, value):设置键值对

        //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):获取键对应的值

        //get(key)
        var m2 = new Map([['a','111'],['b','222'],['c',333]]);
        console.log(m2.get('c')); //333

has(key):是否存在某个键
    
        var m3 = new Map([[1,'aaa'],[2,'bbb'],[3,'ccc']]);
        console.log(m3.has(1));  //true
        console.log(m3.has('1'));  //false

delete(key):删除某个键值对,返回一个布尔值,表示删除是否成功

        // 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"}


Map遍历

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 更快速 更高效 更合适。(逆战班)

如果你对前端开发的学习有兴趣,可以在B站上,找码农雨飞的免费前端学习视频,代码免费送。 https://www.bilibili.com/video/av77505416

你可能感兴趣的:(ecma6 map)