JavaScript 循环性能比较

时间：2017-06-09 14:04:02 阅读：183 评论：0 收藏：0 [点我收藏+]

标签：function while func 版本 ons java .com 时间 har

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

循环的种类有很多

正向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>