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

這篇文章跟大家介紹的內容是關於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中文網其他相關文章！