forEach、for、$.each()跳出循環比較

1、for 循環

先上例子，思考輸出結果，體會 break 與 continue 的不同。

按 Ctrl+C 複製代碼

var arr = [1,2,3,4,5,6]
var arrySpecial = new Array();
for (var i = 0; i < arr.length; i++){
        if(arr[i]%2==0)
        {
            arrySpecial.push(arr[i]);
            continue;
        }
        if(arr[i]%3==0)
        {
            arrySpecial.push(arr[i]);
            break;
        }
    }

console.log(arrySpecial);

按 Ctrl+C 複製代碼
　　continue 結束本次循環，繼續執行循環體； break 結束所有循環。在本例中當“2”滿足條件後，繼續進行下一輪判斷，當’3‘滿足條件後，break 結束所有循環。

2、forEach

這是ECMAScript 5數組的forEach方法 ,作用是遍歷數組，常用的寫法：

View Code
　　案例分析：

按 Ctrl+C 複製代碼

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);

按 Ctrl+C 複製代碼
　　在forEach中，不能使用 continue 和 break ，可以使用 return 或 return false 跳出循環，效果與 for 中 continue 一樣。注意該方法無法一次結束所有循環，需要一次性結束所有循環，還是老老實實使用for方法。

3、$.each()

這是jQuery的方法，用於遍歷 DOM時很方便，偷懶必備。jQuery.each() 函數用於遍歷指定的對象和數組。

$(function () { 
    $.each([52, 97], function(index, value) {
        alert(index + ': ' + value);
    });
})

在該方法中，同樣是使用 return 或 return false 跳出循環，效果類似 效果與 for 中 break，結束所有循環。有興趣的同學親自動手嘗試下。