關於for、foreach、map、filter、forin迴圈實際執行效率的比較

阿新 • • 發佈：2020-08-06

為了準確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>

測試環境：chrome 84.0

測試結果：

當x=1萬次時，平均時間

當x=10萬次時，平均時間

當X=100萬次時，平均時間

x=100萬次，單獨執行的時間

當X=1000萬次，單獨執行時間

當X=1億次，單獨執行時間（放棄for in）

結論：

從測試結果來看，1萬次左右，大家基本差別不大；

10萬次開始到100萬次，整體效率 for>filter>foreach≈map>for in；

可見for迴圈的效率最高（50ms以內），且前四種迴圈在時間上接近（200ms以內），for in的效率最低（超過1.5s）；

當迴圈達到1000萬次時，其他迴圈在1s內均可完成，for in 則接近13s。

當達到1億次時，效能有非常明顯了。

關於for、foreach、map、filter、forin迴圈實際執行效率的比較

為了準確for、foreach、map、filter、for in這些迴圈的效率，我寫了下面的方法。為了避免單次執行的隨機性，讓每個迴圈都跑100次，然後取平均值。得出的平均值跟單次結果存在誤差（單次執行遠大於平均後的值），但可

JS陣列操作函式forEach，map，filter，find，some，every，reduce的使用

一.JS值傳遞方式 1.JS中的基本型別按值傳遞((call by value))，物件型別按共享傳遞(call by sharing，也叫按物件傳遞、按物件共享傳遞)。2.在共享傳遞中對函式形參的賦值，不會影響實參的值。

ES6中陣列的forEach() 、map()、filter()、reduce()、some()、every()的用法

https://blog.csdn.net/weixin_45561258/article/details/107243689 一、forEach()迴圈陣列 //ES5 var arr = [1,2,3,4,5];

JavaScript中對陣列.map()、some()、every()、filter()、forEach的區別

1、區別說明共同點：不會對原陣列發生修改，而是返回新的變數，用變數接收。

forEach()、map()、filter()、reduce()的用法

1.forEach() forEach方法迴圈陣列中每一個元素並採取操作，沒有返回值。它接受一個函式作為引數，這個函式接受三個引數：當前值、當前位置、整個陣列。

js 陣列方法 join、push、pop、shift、unshift、sort、reverse、concat、slice、splice、indexOf、laseIndexOf、forEach、map、filter、every、some等

1、join() 把陣列轉為字串，可指定連線字元，預設是以逗號分割書寫格式：xx.join(\" \"); 指定字元：xx.join(\"-\")

javaScript中運算元組的高階方法filter、map、reduce及for迴圈三種遍歷形式

技術標籤：筆記javascript前端 javaScript中運算元組的高階方法filter、map、reduce及for迴圈三種遍歷形式

生動形象解釋forEach、filter、map、some、every、find、findIndex、reduce間的區別

[(8) 生動形象解釋forEach、filter、map、some、every、find、findIndex、reduce間的區別 - SegmentFault 思否](https://segmentfault.com/a/1190000018826980 )]

學習javaScript必知必會(3)~陣列（陣列建立，for...in遍歷，輔助函式，高階函式filter、map、reduce）

一、陣列： 1、js是弱語言，js中的陣列定義時：不用指定資料型別、不用功指定陣列長度；陣列可以儲存任何資料型別的資料

Python lambda表示式filter、map、reduce函式用法解析

前言 lambda是表示式，用於建立匿名函式，可以和filter、map、reduce配合使用。本文環境Python3.7。

簡單瞭解python filter、map、reduce的區別

這篇文章主要介紹了簡單瞭解python filter、map、reduce的區別,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

ES5新增陣列方法every()、some()、filter()、map()

JavaScript ES5標準中新增了一些Array方法，如every()、some()、filter()、map()。它們的出現使我們能夠更加便利地運算元組，但對IE9以下瀏覽器的相容性比較差。下面來看一下它們的用法。

512 高階函式 filter、map、reduce

程式設計正規化: 指令式程式設計、宣告式程式設計程式設計正規化: 面向物件程式設計(第一公民:物件)，函數語言程式設計(第一公民:函式)

《深度剖析CPython直譯器》30. 原始碼解密 map、filter、zip 底層實現，對比列表解析式

楔子 Python 現在如此流行，擁有眾多開源、高質量的第三方庫是一個重要原因，不過 Python 的簡單、靈巧、容易上手也是功不可沒的，而其背後的內建函式（類）則起到了很大的作用。舉個栗子：

Python高階函式--map、lambda、reduce、filter、zip

技術標籤：python程式語言一、map()函式 map()是 Python 內建的高階函式，它接收一個函式 f 和一個 list，並通過把list 的每個元素依次作用在函式 f 上，得到一個新的 list 並返回。例如，對於list [1, 2, 3,

JavaScript（1）高階函式filter、map、reduce

前言需求：有這樣一個數組[10, 20, 110, 200, 60, 30, 40] 1.篩選出陣列中小於100的元素

es6陣列遍歷（map、filter、find、findIndex）

陣列遍歷 arr.map(callback [, thisArg]) map方法我們用得最最最多了吧，超級好用，當你需要批量改變陣列中的值的時候就要想到它了注：map方法不會改變原始值，它會返回一個新的陣列例：

15、lambda表示式與map reduce filter

匿名函式匿名函式只是在需要呼叫時使用一次，所以不需要有名字 lambda 引數1,引數2,...: expression（返回值）

Array迴圈for、for in、for of、forEach各間優劣

JavaScript中有多種迴圈Array的方式，你是否常常分不清他們的細微差別，和適用場景。本文將詳細梳理各間的優缺點，整理成表以便對比。

js陣列map()、some()、foreach()方法

一 map方法 map()建立了一個新的陣列，對原陣列不產生影響,可以實現想要在某一陣列基礎上生成另一個新的陣列