javascript中Map代替循环

申请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 或使用 UnderscoreLodash 之类的库了。

3.map和for哪个快

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


你可能感兴趣的:(JavaScript)