Javascript for迴圈的疑惑

來源:互聯網
上載者:User

之前看很多人這樣寫for迴圈,感到很困惑,直接i<divs.length不就行了,為什麼要多此一舉加一個len呢?

for(var i=0, len=divs.length; i<len; i++){

  ...
}

昨天晚上再看javascript進階程式設計(第二版)發現有說這個問題的,說的是迭代nodeList時會出現無限迴圈的問題

例如:

var divs = document.getElementsByTagName("div");

for(var i=0; i<divs.length; i++){ 
  var div = document.createElement("div");
  document.body.appendChild(div);
}

這段代碼會無限迴圈,那是因為divs.length會動態更新。

divs並不是儲存的一個固定的nodeList集合,當運行到i<divs.length時,divs會重新擷取所有的div

 

解決這個問題的方法是多加一個用於儲存集合長度的len,

for(var i=0, len=divs.length; i<len; i++){

  //len儲存的是divs的一個片段,該值是固定的

  var div = document.createElement("div");
  document.body.appendChild(div);
}

 

所以為了保證代碼的穩定性,for迴圈中length應該是保持固定的,即每次都多一個len儲存length的值。

 

 

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。