嵌套 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() 循环。根据the documentation，返回 false 将跳出循环（停止执行循环 - 类似于正常的 JavaScript break 语句），返回非 false 将停止当前迭代并继续下一次迭代（类似于正常的 JavaScript continue 语句）。

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

我已经设置了an example at jsFiddle，如果你想弄乱它。只需单击“测试”按钮即可运行上述示例。

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

Answer 1

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

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

Answer 2

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

jQuery.each 中的return true 与continue 相同

return false 与break 相同

Answer 3

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

$(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 4

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

我们可以在特定的迭代中打破 $.each() 循环，方法是 回调函数返回假。返回非 false 与 a 相同 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 5

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

return false; 类似于break。

只是

return; 就像continue

这些将模拟中断和继续的行为。

Answer 6

标记中断

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

Answer 7

return true不起作用

返回 false 工作

found = false;
query = "foo";

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

Answer 8

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

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

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

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

    return notFound;
});

你可以试试你的example here。

Answer 9

没有干净的方法可以做到这一点，就像上面提到的@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 10

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

Answer 11

你应该这样做没有 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;
        }
    }
}

You can try it out here。我不确定这是否是您所追求的 exact 行为，但现在您不在由双 .each() 创建的闭包内的闭包中，您可以 return 或 @ 987654326@ 在这种情况下随时可用。