如何跳出 jQuery 每个循环？

Question

如何打破 jQuery each 循环？

我已经尝试过：

 return false;

在循环中但这不起作用。有什么想法吗？

---

2020 年 9 月 5 日更新

我将 return false; 放在了错误的位置。当我将它放入循环中时，一切正常。

Answer 1

要破坏 $.each 或$(selector).each 循环，您必须返回 false 在循环回调中。

返回 true 会跳到下一次迭代，相当于正常循环中的 continue 。

$.each(array, function(key, value) { 
    if(value === "foo") {
        return false; // breaks
    }
});

// or

$(selector).each(function() {
  if (condition) {
    return false;
  }
});

Answer 2

根据文档 return false; 应该可以完成这项工作。

我们可以通过回调函数来打破 $.each() 循环 [..]
返回错误。

在回调中返回 false：

function callback(indexInArray, valueOfElement) {
  var booleanKeepGoing;

  this; // == valueOfElement (casted to Object)

  return booleanKeepGoing; // optional, unless false 
                           // and want to stop looping
}

顺便说一句，继续 的工作方式如下：

返回非 false 与 for 循环中的 continue 语句相同；它将立即跳到下一次迭代。

Answer 3

我遇到过这样的情况：我遇到了打破循环的条件，但是 .each() 函数之后的代码仍然执行。然后，我将一个标志设置为“true”，并在 .each() 函数之后立即检查该标志，以确保后面的代码不会被执行。

$('.groupName').each(function() {
    if($(this).text() == groupname){
        alert('This group already exists');
        breakOut = true;
        return false;
    }
});
if(breakOut) {
    breakOut = false;
    return false;
} 

Answer 4

我为这个问题的答案创建了一个 Fiddle，因为接受的答案是不正确的，而且这是从 Google 返回的关于这个问题的第一个 StackOverflow 线程。

要突破 $.each，您必须使用 return false;

这是一个证明它的小提琴：

http://jsfiddle.net/9XqRy/

Answer 5

我知道这是一个相当老的问题，但我没有看到任何答案，这澄清了为什么以及何时可以打破返回。

我想用两个简单的例子来解释它：

1.示例：
在本例中，我们有一个简单的迭代，如果我们能找到这三个，我们希望返回 true 来中断。

function canFindThree() {
    for(var i = 0; i < 5; i++) {
        if(i === 3) {
           return true;
        }
    }
}

如果我们调用此函数，它将简单地返回 true。

2.示例
在本例中，我们希望使用 jquery 的 每个函数 进行迭代，该函数采用匿名函数作为参数。

function canFindThree() {

    var result = false;

    $.each([1, 2, 3, 4, 5], function(key, value) { 
        if(value === 3) {
            result = true;
            return false; //This will only exit the anonymous function and stop the iteration immediatelly.
        }
    });

    return result; //This will exit the function with return true;
}

Answer 6

“each”使用回调函数。
回调函数的执行与调用函数无关，因此不可能从回调函数返回到调用函数。

如果必须根据某些条件停止循环执行并保留在同一函数中，请使用 for 循环。

Answer 7

我使用这种方式（例如）：

$(document).on('click', '#save', function () {
    var cont = true;
    $('.field').each(function () {
        if ($(this).val() === '') {
            alert('Please fill out all fields');
            cont = false;
            return false;
        }
    });
    if (cont === false) {
        return false;
    }
    /* commands block */
});

如果 cont 不是 false 则运行命令块

Answer 8

>我们可以使用break关键字来打破循环。

Example:

for (let i = 0; i < 10; i++) {
  if (i === 3) { break; }
  text += "The number is " + i + "<br>";
}