JS遍历map集合以及map对象

js中map对象简单实例

  • es6提供一个对象Map，其功能类似于java中的Map,
  • 下面是java中的Map和js中的Map的简单对比：
  • js中的Map.set()相当于java中的Map.put(),
  • js中的Map.size相当于java中的Map.size()；//在js中size是属性，在Map中size()是方法。
  • Map.delete(key)

遍历MAP对象

var map = [{  
             key : "百度",  
             value : "李彦宏"  },
            {
             key : "阿里巴巴",  
             value : "马云"  },
        ];  
 
for (var key in map) {  
            console.log(map[key]);  
        }
//输出结果
//Object {key : "百度", value : "李彦宏"}
//Object {key : "阿里巴巴", value : "马云"}

遍历MAP集合

var m = new Map();
m.set(1, "black");
m.set(2, "red");
m.set("colors", 2);
//方法一：
m.forEach(function (item) {
     console.log(item.toString());
});
 
//方法二：
m.forEach(function (value, key, map) {
    console.log(value)
 })
// 输出:
// black
// red
// 2
//方法三：
for (var [key, value] of m) {
  console.log(key + ' = ' + value);
}
// 输出:
// 1 = black
// 2 = red
// colors  = 2