关于for()循环便利、forEach()遍历、$.each()便利的区别与使用
众所周知,在前端的学习里面少不了接触到各种各样的循环遍历,那么这些循环长得都差不多,到底要怎么分清楚,又怎么去使用呢。
for 循环是js提出时就有的循环方法。for 循环可以使用continue跳出当次循环,使用break跳出整个循环,forEach 不行。for 循环可控制循环起点i,forEach 只能默认从0开始。for循环可在循环中修改i,forEach不行(底层隐式控制index 自增,无法操作)
forEach 是ES5提出的一个迭代器,负责遍历可迭代对象。forEach()传入的是一个回调函数,因而形成一个作用域,其内部所定义的变量不会像for 循环一样污染全局变量。以为forEach()中传入的是一个函数,所以一般也是用return来跳出循环
$.each 是jQuery中的循环遍历方法。那么遍历,迭代,可迭代对象分别是什么呢。
遍历:指的对数据结构的每一个成员进行有规律的且为一次访问的行为。
迭代:迭代是递归的一种特殊形式,是迭代器提供的一种方法,默认情况下是按照一定顺序逐个访问数据结构成员。迭代也是一种遍历行为。
可迭代对象:ES6中引入了 iterable 类型,Array Set Map String arguments NodeList 都属于 iterable,他们特点就是都拥有 [Symbol.iterator] 方法,包含他的对象被认为是可迭代的 iterable。
在了解这些后就知道 forEach 其实是一个迭代器