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

循环的种类有很多

正向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. php object 对象系统

    php object 对象系统 概述 本节内容仅谈论对象系统内容, 对于相关内容并不做更深一步的扩展, 相关扩展的内容会在后续补充 object 对象属于 zval 结构的一种形式 php 将所有执行 ...

  2. [转]DevExpress GridControl 关于使用CardView的一点小结

    最近项目里需要显示商品的一系列图片,打算用CardView来显示,由于第一次使用,遇到许多问题,发现网上这方面的资源很少,所以把自己的一点点实际经验小结一下,供自己和大家以后参考. 1.选择CardV ...

  3. C++学习笔记1（扩充：C++中的格式控制）

    前一章,我们了解了再C++中的标准的输入输出问题,那么肯能就有人会问了再C语言中我们可以灵活的控制输出和显示,那么再再C++中可以实现吗?我的回答是当然可以的,只不过再C++中的控制可能相比较而言要比 ...

  4. CSAcademy Beta Round #4 Swap Pairing

    题目链接:https://csacademy.com/contest/arhiva/#task/swap_pairing/ 大意是给2*n个包含n种数字,每种数字出现恰好2次的数列,每一步操作可以交换 ...

  5. 7种创建线程方式，你知道几种？线程系列Thread（一）

    前言 最近特别忙,博客就此荒芜,博主秉着哪里不熟悉就开始学习哪里的精神一直在分享着,有着扎实的基础才能写出茁壮的代码,有可能实现的逻辑有多种,但是心中必须有要有底哪个更适合,用着更好,否则则说明我们对 ...

  6. LeetCode 376. Wiggle Subsequence 摆动子序列

    原题 A sequence of numbers is called a wiggle sequence if the differences between successive numbers s ...

  7. 设计模式的征途—3.抽象工厂（Abstract Factory）模式

    上一篇的工厂方法模式引入了工厂等级结构,解决了在原来简单工厂模式中工厂类职责太重的原则,但是由于工厂方法模式的每个工厂只生产一类产品,可能会导致系统中存在大量的工厂类,从而增加系统开销.那么,我们应该 ...

  8. Redis 安装（一）

    一.前言 安装 Redis 是开始 Redis 学习之旅的第一步,安装之前先来个简单的介绍. 1. 版本规则 Redis 约定次版本号(即第一个小数点后的数字)为偶数的版本是稳定版,如:2.6,2.8 ...

  9. mui开发app之js将base64转图片文件

    之前我已经做过一个利用cropper裁剪并且制作头像的功能.如何在mui app中实现相册或相机获取图片后裁剪做头像请看另一篇博客:mui开发app之cropper裁剪后上传头像的实现 但是当时裁剪后 ...

  10. （1）使用bash脚本实现批量添加用户

    脚本实现内容: 可以指定用户名前缀,指定添加数量的批量添加用户脚本,密码为10为随机小写字母,并把用户名和密码写入文件中. 脚本代码: #!/bin/bashread -p "用户名前缀:& ...