JavaScript怎么使用類似break機(jī)制中斷forEach循環(huán)的方法

這篇文章主要介紹了JavaScript怎么使用類似break機(jī)制中斷forEach循環(huán)的方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。

JavaScript數(shù)組對(duì)象，有一個(gè)forEach方法，可枚舉每一個(gè)數(shù)組元素，但并不支持類似for循環(huán)的break語法，中斷循環(huán)：

[1,2,3].forEach(function(item) {
  // if(!item) break; 不支持
});

解決辦法，可拋出一個(gè)特殊異常，來中斷forEach循環(huán)，原理：

var BreakException = {};
try {
[1, 2, 3].forEach(function(el) {
console.log(el);
if (el === 2) throw BreakException;
});
} catch (e) {
if (e !== BreakException) throw e;
}

也可復(fù)寫forEach方法：

// Use a closure to prevent the global namespace from be polluted.
(function() {
// Define StopIteration as part of the global scope if it
// isn't already defined.
if(typeof StopIteration == "undefined") {
StopIteration = new Error("StopIteration");
}
// The original version of Array.prototype.forEach.
var oldForEach = Array.prototype.forEach;
// If forEach actually exists, define forEach so you can
// break out of it by throwing StopIteration. Allow
// other errors will be thrown as normal.
if(oldForEach) {
Array.prototype.forEach = function() {
try {
oldForEach.apply(this, [].slice.call(arguments, 0));
}
catch(e) {
if(e !== StopIteration) {
throw e;
}
}
};
}
})();

使用

// Show the contents until you get to "2".
[0,1,2,3,4].forEach(function(val) {
if(val == 2)
throw StopIteration;
alert(val);
});

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JavaScript怎么使用類似break機(jī)制中斷forEach循環(huán)的方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!