如何停止Javascript forEach？

Question

我正在使用 Node.js 和 Mongoose - 尝试在嵌套有递归函数和 forEach 的深层注释中找到特定注释。有没有办法停止 Node.js forEach？据我了解，每个 forEach 迭代都是一个函数，我不能只执行 break，只能执行 return 但这不会停止 forEach。

function recurs(comment) {
    comment.comments.forEach(function(elem) {

        recurs(elem);

        //if(...) break;

    });
}

Answer 1

您无法脱离 forEach。不过，我可以想到三种方法来伪造它。

1.丑陋的方式：将第二个参数传递给 forEach 到 用作上下文，并在其中存储一个布尔值，然后使用 if。这看起来很糟糕。

2.有争议的方式：将整个事情包围在 try-catch 块中，并在想要中断时抛出异常。这看起来很糟糕，可能会影响性能，但可以封装。

3.有趣的方式：使用 every()。

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

您可以使用 some( ) 相反，如果您希望返回 true 来中断。

Answer 2

突破 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;
        }
    }
}

Answer 3

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

Answer 4

在某些情况下 Array.some 可能会满足要求。

Answer 5

正如其他人指出的那样，您无法取消 forEach 循环，但这是我的解决方案：

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

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

当然，这实际上并没有打破循环，它只是阻止了“后面的所有元素上的代码执行”休息”

Answer 6

我猜你想使用 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 }

Answer 7

如果您不介意，可以使用 Lodash 的 forEach 函数使用第三方库。

例子：

var _ = require('lodash');

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

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

Answer 8

    var f = "how to stop Javascript forEach?".split(' ');
    f.forEach(function (a,b){
        console.info(b+1);
        if (a == 'stop') {
            console.warn("\tposition: \'stop\'["+(b+1)+"] \r\n\tall length: " + (f.length)); 
            f.length = 0; //<--!!!
        }
    });

Answer 9

Array.forEach 不能被破坏并使用 try...catch 或 hacky 方法，例如 Array.every 或 Array.some< /code> 只会让你的代码更难理解。这个问题只有两种解决方案：

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 方法。截至 2016 年 6 月 18 日，此方法几乎不可用，甚至 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 相当，同时保持与旧浏览器的兼容性。

Answer 10

一旦满足条件，下面的代码将中断 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;

Answer 11

如果您覆盖 Array 方法，则可以从 forEach 循环中中断：

(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)\
}")

不幸的是，使用此解决方案，您不能在回调中使用正常的中断，您必须将无效代码包装在字符串中，并且本机函数不能直接工作（但您可以解决这个问题）

快乐打破！

Answer 12

为什么不使用简单的返回？

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

它将从“recurs”函数返回。我这样用。尽管这不会破坏 forEach 而是破坏整个函数，但在这个简单的示例中它可能会起作用

Answer 13

jQuery 提供了each() 方法，而不是forEach() 方法。您可以通过返回 false 来打破 each。 forEach() 是 ECMA-262 标准的一部分，据我所知，打破该标准的唯一方法是抛出异常。

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

丑陋，但能胜任工作。