JS中map在ES5和ES6下不同的遍历方法:for…of和foreach

JS中map在ES5和ES6下不同的遍历方法:for…of和foreach

js中的map比较特殊，记最近项目中在遍历js中的map遇到的问题。

js中首先new一个map出来

var map = new Map();

往map里面存入数据

map.set("0","1");

使用chrome等浏览器时
可以使用 for…of 来方便的遍历出map,但是IE不支持这个ES6中的新方法for…of,所以使用的过程中会报错，即便最新的IE11也不支持

for(var index of map){
  console.log("属性：" + index[0]+ ",值：" + index[1]);
}

使用IE浏览器时
看了网上很多方法，说是IE可以用下面这种for…in来进行遍历，但是试过不可以

for(var key in map){
  console.log("属性：" + key + ",值：" + map[key]);
}

试了很多包括$each,$map这些方法，都不能很好地兼容这几种浏览器，经过尝试，最终采用了：

map.forEach(function (value, key, map) {
	console.log(key+"---"+value);
})

这种遍历方法虽然效率不如for…of.但是它能兼容各个浏览器。