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

循环的种类有很多

正向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. 腾讯AlloyTeam正式发布Canvas魔幻线条 - curvejs

    [原文链接] ## 写在前面 curvejs 中文读["克js"],是腾讯AlloyTeam打造的一款魔幻线条框架,让线条成为一名优秀的舞者,让线条们成为优秀的舞团,HTML5 ...

  2. Unity C#集合

    集合分为两种:非泛型集合,泛型集合. 非泛型集合需要引入:System.Collections命名空间,其命名空间下的类有: ArrayList表示大小根据需要动态增加的对象数组. Hashtable ...

  3. Linux密码保护

    在之前写了Linux密码破解的方法,虽然这样对于忘记密码时很方便,但同时别人也可以很轻易的破解你的Liunx虚拟机,安全问题存在隐患. 下面给出一些Liunx密码的安全防护操作: 1.防止破解root ...

  4. CSS3 制作网格动画效果

    在线演示      源码下载

  5. uoj#179 线性规划

    这是一道模板题. 本题中你需要求解一个标准型线性规划: 有nn个实数变量x1,x2,⋯,xnx1,x2,⋯,xn和mm条约束,其中第ii条约束形如∑nj=1aijxj≤bi∑j=1naijxj≤bi. ...

  6. 学习java的感受

    学习java有一段时间了,发现现在只是才了解java,还在门槛外边. 有时候真感觉这是不是一种外星语言,各种方法各种类各种借口,总是傻傻分不清.  学过的知识过一个星期就开始模糊,有时半夜睡不着的时候 ...

  7. OC 动态类型和静态类型

    多态 允许不同的类定义相同的方法 动态类型 程序直到执行时才能确定所属的类 静态类型 将一个变量定义为特定类的对象时,使用的是静态形态 将一个变量定义为特定类的对象时,使用的是静态类型,在编译的时候就 ...

  8. 使用HTMLParser爬取标签内容

    以此网站为例 import urllib.request from html.parser import HTMLParser from html.entities import name2codep ...

  9. [刷题]算法竞赛入门经典(第2版) 5-6/UVa1595 - Symmetry

    题意:平面上给若干点,问它们是不是关于某垂直于x轴的直线对称. 代码:(Wrong Answer, –ms) //UVa1595 - Symmetry #include<iostream> ...

  10. [刷题]算法竞赛入门经典(第2版) 5-5/UVa10391 - Compound Words

    题意:问在一个词典里,那些单词是复合词,即哪些单词是由两个单词拼出来的. 渣渣代码:(Accepted, 30ms) //UVa10391 - Compound Words #include<i ...