JS遍历总结

1.容易想到的用for循环来实现

例如这样：
for (var i = 0; i < arr.length; i++) {
//输出结果
}

2.进一步可以用forEach来做循环

例如：
myArr.forEach(function (v,i,arr) {
//v,当前元素; i,索引值;arr,myArr当前元素所属的数组
//code
});
这个方法有些一些弊端，不能使用break中断循环，也不能使用return返回到外层函数；

另外还有个jQuery.each()方法；

这个是jQuery的一个循环方法，用于遍历数组或对象；
jQuery.each(obj/arr, function(i,n) {
//each的第一个参数是要被遍历的数组或者对象；
//第二个参数是回调，返回 false 可用于及早停止循环；
//i,是索引，n是对应的值
});

同样还有另外一个jQuery().each()方法；
这个主要是用来遍历DOM结构的
jQuery('selector').each(function(index,element) {
//参数index是索引值；element是当前元素，可以用this指代；
});

3.当然也可以使用for-in循环

for-in循环是为普通对象所设计的；并不适合数组使用，当然也是可以遍历数组的；
for(var i in obj/arr) {
//i,是数组中的说因，是对象中的属性名；
//obj/arr，是指定迭代的对象或数组；
}

4.可以用es6的for-of循环
  • 这是最简单最直接的的遍历数组元素的语法
  • 这个方法避开了for-in循环的所有缺陷
  • 与forEach()不同，他可以正确相应break和return，continue
同时也可以遍历类数组对象；
for(var i of arr) {
//code
}