JavaScript、jQuery的遍歷方法(each、forEach)總結

原由

在工做中，須要在遍歷的dom中找到第一個並作下操做而後退出遍歷，我首先想到了用each方法，但因爲不管是公用的jQuery組件仍是公司的fish組件。我都忘記了怎麼去退出遍歷，因此就有了這篇帖子。

目的

本文的目的是總結一下不管是數組仍是dom，關於他們的遍歷方法。

數組方法(ES5)

Array.prototype.forEach()

語法

array.forEach(callback[, thisArg])

callback函數參數

第一個參數：當前項
第二個參數：當前項的索引
第三個參數：數組自己

thisArg參數

這個參數是可選參數。
主要用於綁定函數內this的做用域，不然你在函數內調用this，this指代全局對象Window(ES3)或者undefined(ES5嚴格模式下)

關於中斷(MDN原話)

沒有辦法停止或者跳出 forEach 循環，除了拋出一個異常。若是你須要這樣，使用forEach()方法是錯誤的，你能夠用一個簡單的循環做爲替代。若是您正在測試一個數組裏的元素是否符合某條件，且須要返回一個布爾值，那麼可以使用 Array.every或 Array.some。

---

jQuery方法

語法

.each()

做用

用來遍歷dom

用法

$(dom).each( function(index, Element) ) { do Something... }

參數

第一個參數：當前索引，從0開始
第二個參數：指被當前迭代的元素，與在函數體內的this等價

關於中斷

能夠經過返回false以便在函數體內終止循環

---

for方法

語法

for(var i = 0; i < someArray.length; i++) { doSomething... }

做用

循環

關於中斷

break; 語法能夠完成中斷
return; 語法直接報錯(未捕獲的語法錯誤: 非法返回聲明)