您的位置：首页 > Web前端 > JavaScript

javascript中Map代替循环

2016-02-24 21:59 507 查看

申请csdn已经很长一段时间了，之前陆续也有在博客园写博客，下载发现csdn方便了很多，特别是有手机app，给学习带来了很大的便利，这里写一篇map给我们的js编程带来的好处及便利：

1.Map能干什么

map可以实现for循环的功能：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>

<script>

var arr = ['val1', 'val2', 'val3'];

for(var i = 0; i < arr.length; i++){
console.log(arr[i]);
console.log(i);
console.log(arr);
}
arr.map(function(val, index, array) {
console.log(val);
console.log(index);
console.log(array);
});

</script>

</body>
</html>

这里的好处是，我们可以随意在map里面写函数，这样的话代码可读性会大大提高，如下：

function output(val, index, array) {
        console.log(val);
        console.log(index);
        console.log(array);
    }

    arr.map(output);

2.Map的兼容性

ECMAScript
5 标准定义了原生的

map()

方法，所以浏览器兼容性较好。如果你想在
IE 9 之前的版本中使用，就需要引入一个 polyfill 或使用 Underscore、Lodash 之类的库了。

3.map和for哪个快

当然，使用for会比map快点，但是差别不是很大，如果对性能要求没有到极致的地步，这点性能差别可以忽略。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航