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