實現js遍歷陣列的3種方法

2021-08-25 09:41:19 字數 529 閱讀 1043

當我們的網頁中存在同一組的核取方塊時,我們需要使用js來遍歷取值,如果這個核取方塊很多數量達到上千個時,我們就需要考慮執行效率的問題,畢竟js是執行在客戶端的,對客戶端機器的要求頗高。下面給出實現js遍歷陣列的3種方法以及他們各自的執行效率。詳細介紹如下:

結果:

當有5000個核取方塊時,多次測試結果:

第一種:每次迴圈讀取 chks 集合的屬性 length;

第二種:每次迴圈定位 chks[i];

第三種:每次迴圈讀取 變數 length。

測試結果

第一種:406 ms

第二種:16 ms

第三種:0 ms

第三種直接讀取變數速度最快,第二種集合定位次之,第一種最慢,每種之間相差乙個數量級。第一種之所以慢是因為訪問集合的length屬性時需要遍歷prototype,從而獲取

length,這就增加了不必要的開銷,因為length只是終止條件,並未參與實際運算。

js遍歷陣列的幾種方法

陣列遍歷的幾種方法 var arr 1,2,3,4,5 arr.foreach function item,index map 可以遍歷陣列中的每項並且進行某一種運算,產生乙個新陣列 var newarrmap arr.map function item,index console.log map ...

PHP遍歷陣列的幾種方法

這三種方法中效率最高的是使用foreach語句遍歷陣列。從php4開始就引入了foreach結構,是php中專門為遍歷陣列而設計的語句,推薦大家使用。先分別介紹這幾種方法 php中遍歷陣列有三種常用的方法 一 使用for語句迴圈遍歷陣列 二 使用foreach語句遍歷陣列 三 聯合使用list ea...

PHP遍歷陣列的幾種方法

這三種方法中效率最高的是使用foreach語句遍歷陣列。從php4開始就引入了foreach結構,是php中專門為遍歷陣列而設計的語句,推薦大家使用。先分別介紹這幾種方法 php中遍歷陣列有三種常用的方法 一 使用for語句迴圈遍歷陣列 二 使用foreach語句遍歷陣列 三 聯合使用list ea...