關於for、foreach、map、filter、forin循環實際運行效率的比較

本文轉載自查看原文 2020-08-06 18:13 1230 js

為了准確for、foreach、map、filter、for in這些循環的效率，我寫了下面的方法。

為了避免單次運行的隨機性，讓每個循環都跑100次，然后取平均值。得出的平均值跟單次結果存在誤差（單次運行遠大於平均后的值），但可以對比使用。

完整代碼：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <script>
            // 數組初始化
            var testData = []; 
            var x = 10000;
            for(var i = 0; i < x; i++){
                testData[i] = i;
            }
            var time1=new Date;
            //for循環
            for(var m=0;m<100;m++){
                for(var i = 0; i < testData.length; i++){
                    testData[i]++;
                }
            }
            var time2=new Date;
            console.log((time2-time1)/100+"ms(for)");
            
            //foreach
            for(var m=0;m<100;m++){
                testData.forEach(function(value, item, arr){ 
                     arr[item]++;
                });
            }
            var time3=new Date;
            console.log((time3-time2)/100+"ms(foreach)");
            
            //map
            for(var m=0;m<100;m++){
                testData.map(function(value, item, arr){ 
                     arr[item]++;
                });
            }
            var time4=new Date;
            console.log((time4-time3)/100+"ms(map)");
            
            //filter
            for(var m=0;m<100;m++){
                testData.filter(function(value, item, arr){ 
                    arr[item]++;
                });
            }
            var time5=new Date;
            console.log((time5-time4)/100+"ms(filter)");
            
            //forin
            for(var m=0;m<100;m++){
                for(i in testData){ 
                    testData[i]++
                };
            }
            var time6=new Date;
            console.log((time6-time5)/100+"ms(for in)");
            
        </script>
    </body>
</html>