как остановить Javascript forEach?

Вы не можете оторваться от forEach. Однако я могу придумать три способа подделать это.

1. Уродливый путь: передайте второй аргумент forEach в использовать в качестве контекста и сохранить там логическое значение, а затем использовать if. Это выглядит ужасно.

2. Спорный путь: заключите все в try-catch блок и создайте исключение, если хотите прервать работу. Это выглядит довольно плохо и может повлиять на производительность, но может быть инкапсулирован.

3. The Fun Way: используйте every().

['a', 'b', 'c'].every(function(element, index) {
  // Do your thing, then:
  if (you_want_to_break) return false
  else return true
})

Вы можете использовать some() вместо этого, если вы предпочитаете return true сломаться.

Выход из Array # forEach невозможен. (Вы можете проверить исходный код, реализующий его в Firefox, на связанной странице, чтобы подтвердить это.)

Вместо этого вы должны использовать обычный цикл for:

function recurs(comment) {
    for (var i = 0; i < comment.comments.length; ++i) {
        var subComment = comment.comments[i];
        recurs(subComment);
        if (...) {
            break;
        }
    }
}

(или, если вы хотите быть немного умнее и comment.comments[i] всегда является объектом :)

function recurs(comment) {
    for (var i = 0, subComment; subComment = comment.comments[i]; ++i) {
        recurs(subComment);
        if (...) {
            break;
        }
    }
}

В некоторых случаях Array.some, вероятно, будет соответствовать требованиям. .

Как указывали другие, вы не можете отменить цикл forEach, но вот мое решение:

ary.forEach(function loop(){
    if(loop.stop){ return; }

    if(condition){ loop.stop = true; }
});

Конечно, это на самом деле не разрывает цикл, а просто предотвращает выполнение кода для всех элементов, следующих за «break».

forEach не ломается при возврате, есть уродливые решения для этой работы, но я предлагаю не использовать его, вместо этого попробуйте использовать Array.prototype.some или Array.prototype.every

var ar = [1,2,3,4,5];

ar.some(function(item,index){
  if(item == 3){
     return true;
  }
  console.log("item is :"+item+" index is : "+index);
});

Думаю, вы хотите использовать Array.prototype. find Find сломается, когда найдет ваше конкретное значение в массиве.

var inventory = [
  {name: 'apples', quantity: 2},
  {name: 'bananas', quantity: 0},
  {name: 'cherries', quantity: 5}
];

function findCherries(fruit) { 
  return fruit.name === 'cherries';
}

console.log(inventory.find(findCherries)); 
// { name: 'cherries', quantity: 5 }

Вы можете использовать функцию Lodash forEach, если вы не против использования сторонних библиотек.

Пример:

var _ = require('lodash');

_.forEach(comments, function (comment) {
    do_something_with(comment);

    if (...) {
        return false;     // Exits the loop.
    }
})

Array.forEach нельзя взломать, и использование try...catch или хакерских методов, таких как Array.every или Array.some, только усложнит понимание вашего кода. Есть только два решения этой проблемы:

1) используйте старый цикл for: это будет наиболее совместимое решение, но его может быть очень трудно прочитать при частом использовании в больших блоках кода:

var testArray = ['a', 'b', 'c'];
for (var key = 0; key < testArray.length; key++) {
    var value = testArray[key];
    console.log(key); // This is the key;
    console.log(value); // This is the value;
}

2) используйте новую версию ECMA6 (спецификация 2015 г.) в тех случаях, когда совместимость не является проблемой. Обратите внимание, что даже в 2016 году только несколько браузеров и IDE предлагают хорошую поддержку этой новой спецификации. Хотя это работает для итерируемых объектов (например, массивов), если вы хотите использовать это для не повторяемых объектов, вам нужно будет использовать метод Object.entries. По состоянию на 18 июня 2016 года этот метод почти не доступен, и даже для Chrome требуется специальный флаг: chrome://flags/#enable-javascript-harmony. Для массивов вам все это не понадобится, но совместимость остается проблемой:

var testArray = ['a', 'b', 'c'];
for (let [key, value] of testArray.entries()) {
    console.log(key); // This is the key;
    console.log(value); // This is the value;
}

3) Многие согласятся, что ни первый, ни второй вариант не подходят. Пока вариант 2 не станет новым стандартом, самые популярные библиотеки, такие как AngularJS и jQuery, предлагают свои собственные методы цикла, которые могут превосходить все, что доступно в JavaScript. Также для тех, кто еще не использует эти большие библиотеки и ищет облегченные варианты, такие решения, как this, могут будет использоваться и будет почти на уровне ECMA6, сохраняя при этом совместимость со старыми браузерами.

Код ниже прервет цикл foreach при выполнении условия, ниже приведен пример

    var array = [1,2,3,4,5];
    var newArray = array.slice(0,array.length);
    array.forEach(function(item,index){
        //your breaking condition goes here example checking for value 2
        if(item == 2){
            array.length = array.indexOf(item);
        }

    })
    array = newArray;

Вы можете выйти из цикла forEach, если перезапишете метод Array:

(function(){
    window.broken = false;

        Array.prototype.forEach = function(cb, thisArg) {
            var newCb = new Function("with({_break: function(){window.broken = true;}}){("+cb.replace(/break/g, "_break()")+"(arguments[0], arguments[1], arguments[2]));}");
            this.some(function(item, index, array){
                 newCb(item, index, array);
                 return window.broken;
            }, thisArg);
            window.broken = false;
        }

}())

пример:

[1,2,3].forEach("function(x){\
    if (x == 2) break;\
    console.log(x)\
}")

К сожалению, с этим решением вы не можете использовать нормальный разрыв внутри ваших обратных вызовов, вы должны заключить недопустимый код в строки, а собственные функции не работают напрямую (но вы можете обойти это)

Счастливого взлома!

Почему бы не использовать простой возврат?

function recurs(comment){
comment.comments.forEach(function(elem){
    recurs(elem);
    if(...) return;
});

он вернется из функции 'recurs'. Пользуюсь вот так. Хотя это не приведет к выходу из forEach, а из всей функции, в этом простом примере это может сработать

jQuery предоставляет метод each(), а не forEach(). Вы можете вырваться из each, вернув false. forEach() является частью стандарта ECMA-262, и единственный способ выйти из этого, о котором я знаю, - это выбросить исключение.

function recurs(comment) {
  try {
    comment.comments.forEach(function(elem) {
      recurs(elem);
      if (...) throw "done";
    });
  } catch (e) { if (e != "done") throw e; }
}

Уродливо, но делает свою работу.