嵌套的 jQuery.each() - 继续/中断

Question

考虑以下代码：

    var sentences = [
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
        'Vivamus aliquet nisl quis velit ornare tempor.',
        'Cras sit amet neque ante, eu ultrices est.',
        'Integer id lectus id nunc venenatis gravida nec eget dolor.',
        'Suspendisse imperdiet turpis ut justo ultricies a aliquet tortor ultrices.'
    ];

    var words = ['ipsum', 'amet', 'elit'];

    $(sentences).each(function() {
        var s = this;
        alert(s);
        $(words).each(function(i) {
            if (s.indexOf(this) > -1)
            {
                alert('found ' + this);
                return false;
            }
        });
    });

有趣的部分是嵌套的 jQuery.each() 循环。 根据文档，返回 false 将跳出循环（停止循环的执行 - 类似于普通的 JavaScript break 语句），返回非 false 将停止当前迭代并继续下一次迭代（类似于正常的JavaScript continue 语句）。

我可以自己中断或继续一个 jQuery.each()，但是对于嵌套的 jQuery.each，我发现很难从子循环中跳出父循环。 我可以使用布尔值，并在每次子迭代时更新它，但我想知道是否有更简单的方法。

如果你想弄乱它，我已经在 jsFiddle设置了一个例子。 只需单击“测试”按钮即可运行上面显示的示例。

TLDR：在 jQuery 的上下文中是否有类似于标记的 continue 或 break 的东西？

Answer 1

这里有很多答案。 它很旧，但这是为任何通过谷歌来到这里的人准备的。 在 jQuery 中的每个函数

return false; 就像break 。

只是

return; 就像continue

这些将模拟 break 和 continue 的行为。

Answer 2

您应该在没有jQuery 的情况下执行此操作，它可能不那么“漂亮”，但是发生的事情较少，并且更容易完全按照您的意愿去做，如下所示：

var sentences = [
    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
    'Vivamus aliquet nisl quis velit ornare tempor.',
    'Cras sit amet neque ante, eu ultrices est.',
    'Integer id lectus id nunc venenatis gravida nec eget dolor.',
    'Suspendisse imperdiet turpis ut justo ultricies a aliquet tortor ultrices.'
];

var words = ['ipsum', 'amet', 'elit'];

for(var s=0; s<sentences.length; s++) {
    alert(sentences[s]);
    for(var w=0; w<words.length; w++) {
        if(sentences[s].indexOf(words[w]) > -1) {
            alert('found ' + words[w]);
            return;
        }
    }
}

你可以在这里试一试。 我不确定这是否是您所追求的确切行为，但现在您不在由 double .each()创建的闭包内的闭包中，在这种情况下，您可以随时return或break 。

Answer 3

正如 jQuery 文档中所述http://api.jquery.com/jQuery.each/

jQuery.each中的return true与continue相同

return false和break

Answer 4

没有干净的方法可以做到这一点，就像上面提到的@Nick 一样，使用老式的循环方式可能会更容易，因为这样你就可以控制它了。 但是如果你想坚持你所得到的东西，你可以用一种方法来处理这个问题。 我敢肯定我会为这件热气腾腾的。 但...

在没有 if 语句的情况下你可以做你想做的一种方法是引发错误并用 try/catch 块包装你的循环：

try{
$(sentences).each(function() {
    var s = this;
    alert(s);
    $(words).each(function(i) {
        if (s.indexOf(this) > -1)
        {
            alert('found ' + this);
            throw "Exit Error";
        }
    });
});
}
catch (e)
{
    alert(e)
}

好的，让颠簸开始。

Answer 5

这里的问题是，虽然您可以从.each回调中返回 false，但.each函数本身返回 jQuery 对象。 因此，您必须在两个级别都返回 false 以停止循环的迭代。 此外，由于无法知道内部.each找到匹配项，我们将不得不使用共享变量使用更新的闭包。

words每个内部迭代都引用相同的notFound变量，因此我们只需要在找到匹配项时更新它，然后返回它。 外部闭包已经有一个对它的引用，所以它可以在需要时break 。

$(sentences).each(function() {
    var s = this;
    var notFound = true;

    $(words).each(function() {
        return (notFound = (s.indexOf(this) == -1));
    });

    return notFound;
});

你可以在这里试试你的例子。

Answer 6

我为此使用了“突破”模式：

$(sentences).each(function() {
    var breakout;
    var s = this;
    alert(s);
    $(words).each(function(i) {
        if (s.indexOf(this) > -1)
        {
            alert('found ' + this);
            return breakout = false;
        }
    });
    return breakout;
});

这适用于任何嵌套深度。 breakout是一个简单的标志。 它将保持undefined除非并且直到您将其设置为false （就像我在上面的 return 语句中所做的那样）。 您所要做的就是：

1. 在最外面的闭包中声明它： var breakout;
2. 将其添加到您的return false语句中： return breakout = false
3. 在您的外部闭包中返回突破。

不会太不雅吧？ ...反正对我有用。

Answer 7

在 API 文档http://api.jquery.com/jQuery.each/ 中确认说：

我们可以通过使回调函数返回 false 来在特定迭代中中断 $.each() 循环。 返回非 false 与 for 循环中的 continue 语句相同； 它将立即跳到下一次迭代。

这是我的例子http://jsfiddle.net/r6jqP/

(function($){
    $('#go').on('click',function(){
        var i=0,
            all=0;
        $('li').each(function(){
             all++;
             if($('#mytext').val()=='continue')return true;
             i++;
             if($('#mytext').val()==$(this).html()){
                 return false;
             }
        });
        alert('Iterazione : '+i+' to '+all);
    });
}(jQuery));

Answer 8

抱歉不行。 这里的问题是迭代发生在函数内部，所以它们不像普通循环。 您可以“中断”函数的唯一方法是返回或抛出异常。 所以是的，使用布尔标志似乎是“打破”外部“循环”的唯一合理方法。

Answer 9

返回 true不起作用

返回假工作

found = false;
query = "foo";

$('.items').each(function()
{
  if($(this).text() == query)
  {
    found = true;
    return false;
  }
});

Answer 10

标记中断

outerloop:
$(sentences).each(function() 
{
    $(words).each(function(i) 
    {
        break; /* breaks inner loop */
    } 
    $(words).each(function(i)  
    {
        break outerloop; /* breaks outer loop */
    }
}

Answer 11

您可以通过使回调函数返回 false 来在特定迭代中中断$.each()循环。

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