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; 语法直接报错(未捕获的语法错误: 非法返回声明)