有一句话叫做 没有什么事是一个循环解决不了的，如果真有，那就再来一个循环。

循环的种类有很多

正向for循环，逆向for循环，while循环，for-in循环（理论上性能最差），for-each循环，duff's device循环（理论上性能最好）

直接上代码

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        var number = 100000;//array大小

        var iteranum = 100;//迭代次数

        var array = [];

        for(let i=0;i<number;i++)

        {

            array[i] = i+1;

        }

        //test cicle

        var len = array.length;

        //正常for循环

        console.time('normal for');

        for(let k=0;k<iteranum;k++)

        {

            for(let i=0;i<len;i++)

            {

                array[i]+1;

            }

        }

        console.timeEnd('normal for');

        //倒序for循环

        console.time('reverse for');

        for(let k=0;k<iteranum;k++)

        {

            for(let i=len-1;i--;)

            {

                array[i]+1;

            }

        }

        console.timeEnd('reverse for');

        //while循环

        console.time('while');

        for(let k=0;k<iteranum;k++)

        {

            let i=0;

            while(i<len)

            {

                array[i]+1;

                i++;

            }

        }

        console.timeEnd('while');

        //for-in循环

        console.time('for-in');

        for(let k=0;k<iteranum;k++)

        {

            for(let i in array)

            {

                array[i]+1;

            }

        }

        console.timeEnd('for-in');

        //for each 循环

        console.time("for each");

        for(let k=0;k<iteranum;k++)

        {

            array.forEach(function(e){

                e+1;

            });

        }

        console.timeEnd("for each");

        //duff's device 循环

        console.time("device's device");

        for(let k=0;k<iteranum;k++)

        {

            let j = len % 8;

            let templen = len-1;

            while(j){

                j--;

                array[templen--]+1;

            }

            j = Math.floor(len / 8);

            while(j){

                j--;

                array[templen--]+1;

                array[templen--]+1;

                array[templen--]+1;

                array[templen--]+1;

                array[templen--]+1;

                array[templen--]+1;

                array[templen--]+1;

                array[templen--]+1;

            }

        }

        console.timeEnd("device's device");

    </script>

</html>

来看看执行后的结果，执行环境是 win7，chrome 版本 59.0.3071.86（正式版本） （64 位）

可以看到for-in所花的时间最长，而device's时间最短，对于少量的数据，比如在1000次以下差别不会很大

总结

1、总体来说for循环和for-each性能相当，在小数据量时也与while性能相当。for-in性能最差，duff's device性能最好。大数据量时，while性能优于for循环和for-each循环。

2、对于数据量不大的循环（<1000），不用考虑使用哪一种性能更好，可读性是第一位。

3、对于有较大数据量的循环和遍历，如果性能不是瓶颈，那么普通的for循环（或者while，do-while，for-each）就可以了，毕竟可读性强。

4、对于较大的数据量，如果array的循环操作已经成为瓶颈，或者性能非常重要，那么可以采用duff's device方案。

5、任何时候都不建议使用for-in，除非必须要用。

JavaScript 循环性能比较的更多相关文章

  1. javascript循环性能比较

    1.数组循环遍历方法 javascript传统的数组遍历有for循环,while循环,以及for-in.本篇文章要比较的是以下几种循环遍历方法: 遍历方式 备注 正向for循环   逆向for循环 减 ...

  2. Javascript注意事项四【提高循环性能的策略】

    for(var i = item.length;i--){ process(item[i]); } 1.通过倒叙循环 2.最小化属性查询 3.尽量不要使用函数迭代(forEach)

  3. JavaScript性能优化

    如今主流浏览器都在比拼JavaScript引擎的执行速度,但最终都会达到一个理论极限,即无限接近编译后程序执行速度. 这种情况下决定程序速度的另一个重要因素就是代码本身. 在这里我们会分门别类的介绍J ...

  4. 高性能JavaScript 循环语句和流程控制

    前言 上一篇探讨了达夫设备对于代码性能的影响,本文主要探讨并且测试各种常见的循环语句的性能以及流程控制中常见的优化. 循环语句 众所周知,常用的循环语句有for.while.do-while以及for ...

  5. 高性能JavaScript笔记二（算法和流程控制、快速响应用户界面、Ajax）

    循环 在javaScript中的四种循环中(for.for-in.while.do-while),只有for-in循环比其它几种明显要慢,另外三种速度区别不大 有一点需要注意的是,javascript ...

  6. Javascript与当前项目的思考

      主体 分为以下三部分,能力.经验有限,欢迎拍砖. 1.低效的代码 2.面向对象的重构重复利用代码 3.调试的经验总结 第一部分 日常中低效的代码 加载和运行 <html> <he ...

  7. 【读书笔记】读《高性能JavaScript》

    这本<高性能JavaScript>讲述了有关JavaScript性能优化的方方面面,主要围绕以下几个方面: 1> 加载顺序 2> 数据访问(如怎样的数据类型访问最快,怎样的作用 ...

  8. 《高性能Javascript》读书笔记-4

    第四章 算法和流程控制 代码组织结构和解决具体问题的思路是影响代码性能的主要因素 循环处理是最常见的编程模式之一,也是提高性能的关注点之一 循环分四种:标准for循环 ; i < Things. ...

  9. 《高性能javascript》学习总结

    本文是学习<高性能javascript>(Nichols C. Zakes著)的一些总结,虽然书比较过时,里面的知识点也有很多用不上了,但是毕竟是前人一步步探索过来的,记录着javascr ...

随机推荐

  1. GitHub上最受欢迎的iOS开源项目TOP20

    AFNetworking 在众多iOS开源项目中,AFNetworking可以称得上是最受开发者欢迎的库项目.AFNetworking是一个轻量级的iOS.Mac OS X网络通信类库,现在是GitH ...

  2. Devexpress 中对RedailMenu的使用

    最近项目中用到RadialMenu,效果图如下所示: 闲下来就对,devexpress中的RedialMenu的使用总结一下. 第一:假设RedialMenu中全部是BarButtonItem的情况. ...

  3. KMP算法学习(详解)

    kmp算法又称“看毛片”算法,是一个效率非常高的字符串匹配算法.不过由于其难以理解,所以在很长的一段时间内一直没有搞懂.虽然网上有很多资料,但是鲜见好的博客能简单明了地将其讲清楚.在此,综合网上比较好 ...

  4. 设备像素，设备独立像素，CSS像素

    之前学了移动端的开发对设备像素.设备独立像素.CSS像素弄得不太清楚,所以趁周末的时间查了一下,稍加整理 一些概念 在进行具体的分析之前,首先得知道下面这些关键性基本概念. CSS像素 CSS像素是W ...

  5. C专家编程阅读笔记

    周末闲来无事,(哗),好久之前买的C专家编程一直没看,翻起来看了一下 尽量不使用unsigned 尽量不要在代码中使用unsigned,尤其是一些看起来是无符号类型的数字,比如年龄等,因为难免要使用u ...

  6. 在Ueditor / Umeditor中实现上传图片跨域

    近几天公司的后台管理需要图文编辑文章,但是ueditor提供的方法中,本地图片的上传是通过flash的方式处理的,且不支持跨域.若要在已经前后端分离的Angular项目中使用,需要做复杂的环境配置.跟 ...

  7. 用Redis存储Tomcat集群的Session

    作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs 前段时间,我花了不少时间来寻求一种方法,把新开发的代码推送到到生产系统中部署,生产系统要能够零宕机.对使用 ...

  8. hdu4099 Revenge of Fibonacci 字典树

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4099 思想很容易想到 就是预处理出前10w个的fib数,然后建树查询 建树时只用前40位即可,所以在计 ...

  9. redis之sentinel概述

    一.配置sentinel 修改的是这条: 对应: 上面那条配置需要注意:<master-name>:监控主节点的名称 <ip>:监控主节点的ip   <redis-por ...

  10. AFNetworking源码阅读

    get方法: - (NSURLSessionDataTask *)GET:(NSString *)URLString parameters:(id)parameters progress:(void ...