forEach、for、$.each()跳出循环比较

　　不管工做上或是学习上，用过的知识点老是容易忘记，因而略做记录，方便你我他。

　　提及跳出循环，第一时间想起的是 break \ continue，这是经典的for循环。

 

　　一、for 循环

　　先上例子，思考输出结果，体会 break 与 continue 的不一样。

 1 var arr = [1,2,3,4,5,6]  2 var arrySpecial = new Array();  3 for (var i = 0; i < arr.length; i++){  4 if(arr[i]%2==0)  5  {  6  arrySpecial.push(arr[i]);  7 continue;  8  }  9 if(arr[i]%3==0) 10  { 11  arrySpecial.push(arr[i]); 12 break; 13  } 14  } 15 16 console.log(arrySpecial);

　　continue 结束本次循环，继续执行循环体； break 结束全部循环。在本例中当“2”知足条件后，继续进行下一轮判断，当’3‘知足条件后，break 结束全部循环。

 

　　二、forEach

　　这是ECMAScript 5数组的forEach方法 ,做用是遍历数组，经常使用的写法：

View Code

　　案例分析：

var arr = [1,2,3,4,5,6] var arrySpecial = new Array(); arr.forEach(function(e,i){ if(e%2==0) { arrySpecial.push(e); return; } if(e%3==0) { arrySpecial.push(e); return; } }) console.log(arrySpecial);

　　在forEach中，不能使用 continue 和 break ，可使用 return 或 return false 跳出循环，效果与 for 中 continue 同样。注意该方法没法一次结束全部循环，须要一次性结束全部循环，仍是老老实实使用for方法。

 

　　三、$.each()

　　这是jQuery的方法，用于遍历 DOM时很方便，偷懒必备。

　　在该方法中，一样是使用 return 或 return false 跳出循环，效果相似 效果与 for 中 break，结束全部循环。有兴趣的同窗亲自动手尝试下。

 

　　对于跳出循环的方法比较， for方法是能够知足各类场景，但咱们也得跟上时代的潮流，在合理的场景下，推荐使用forEach 方法。

 

 

　　我的看法，不免有错漏，望不吝赐教