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快点,但是差别不是很大,如果对性能要求没有到极致的地步,这点性能差别可以忽略。


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值