首頁 > web前端 > js教程 > JS中for循環效能最佳化的小結

JS中for循環效能最佳化的小結

不言
發布: 2018-08-02 15:10:58
原創
2147 人瀏覽過

這篇文章跟大家介紹的內容是關於JS中for循環性能優化的小結,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

FOR 循環我們用的真的是太多了,但你有沒有關注過它的最佳化寫法呢?記錄下:

1. 最常規寫法,沒有任何不妥

for (var i = 0; i < 10; i++) {    // do something...}
登入後複製

2. 循環的次數為變數的情況

for (var i = 0; i < arr.length; i++) {    // do something...}
登入後複製

其實大多數人都是這種寫法,這種寫法的缺點在於,每次循環都要去讀取一次數組的長度,不划算

3. 變數情況的最佳化寫法

#
for (var i = 0, l = arr.length; i < l; i++) {    // do something...}
登入後複製

##將長度進行存儲,之後循環不需要再去讀取長度

4. 上面3的寫法也可以這樣寫

var i = 0, l = arr.length;        
for (; i < l; i++) {    // do something...}
登入後複製

這只是3的一種變體,另一種寫法而已,談不上優化。因為無區塊級作用域,所以和3的效果是一樣的

5. 最佳化寫法升級版

for (var i = arr.length - 1; i >= 0; i--) {    // do something...}
登入後複製

建議的寫法,它在第3種的基礎上節省了一個變數。

相關文章推薦:

vue.js圖片如何轉Base64上傳圖片並預覽

js執行緒的案例— —實作隨機速度的打字機效果

以上是JS中for循環效能最佳化的小結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板