如何打破 underscore.js 中的 _.each 函数

Question

我正在寻找一种方法来停止 underscore.js _.each() 方法的迭代，但找不到解决方案。如果您返回 false，jQuery .each() 可能会中断。

有没有办法停止在each()下划线？

_([1,2,3]).each(function(v){
    if (v==2) return /*what?*/;
})

Answer 1

您无法脱离 each 方法 - 它模拟本机 forEach 方法的行为，并且本机 forEach 不提供转义循环（除了抛出异常）。

但是，我们并没有失去所有希望！您可以使用 Array.every 方法。 :)

从该链接：

every 对数组中存在的每个元素执行一次提供的 callback 函数，直到找到 callback 返回 false 值的元素。如果找到这样的元素，every 方法会立即返回 false。

换句话说，你可以做一些像这样复杂的事情（链接到 JSFiddle）：

[1, 2, 3, 4].every(function(n) {
    alert(n);
    return n !== 3;
});

这会提醒 1 到 3，然后“break”出循环。

您正在使用 underscore.js，因此您会很高兴得知它确实提供了 every 方法 - 他们称之为 every，但正如该链接提到的，它们还提供了一个名为 all 的别名。

Answer 2

更新：

_.find 会更好，因为它在找到元素时会跳出循环：

var searchArr = [{id:1,text:"foo"},{id:2,text:"bar"}];
var count = 0;
var filteredEl = _.find(searchArr,function(arrEl){ 
              count = count +1;
              if(arrEl.id === 1 ){
                  return arrEl;
              }
            });

console.log(filteredEl);
//since we are searching the first element in the array, the count will be one
console.log(count);
//output: filteredEl : {id:1,text:"foo"} , count: 1

** 旧 **

如果您想有条件地跳出循环，请使用 _.filter api 而不是 _.each。这是一个代码片段

var searchArr = [{id:1,text:"foo"},{id:2,text:"bar"}];
var filteredEl = _.filter(searchArr,function(arrEl){ 
                  if(arrEl.id === 1 ){
                      return arrEl;
                  }
                });
console.log(filteredEl);
//output: {id:1,text:"foo"}

Answer 3

您可以查看 _.some 而不是 _.each。
一旦谓词为 true，_.some 就会停止遍历列表。
结果可以存储在外部变量中。

_.some([1, 2, 3], function(v) {
    if (v == 2) return true;
})

请参阅http://underscorejs.org/#some

Answer 4

_([1,2,3]).find(function(v){
    return v if (v==2);
})

Answer 5

也许你想要Underscore的any()或find()，它们会在满足条件时停止处理。

Answer 6

就像其他答案一样，这是不可能的。
这是关于下划线断路器的评论 下划线问题 #21

Answer 7

您不能在下划线中中断 forEach，因为它模拟 EcmaScript 5 本机行为。

Answer 8

我相信如果您的数组实际上是一个对象，您可以使用空对象返回。

_.({1,2,3,4,5}).each(function(v){  
  if(v===3) return {}; 
});

Answer 9

值得注意的是，each 循环不能脱离 —
中断，使用 _.find 代替。

http://underscorejs.org/#each

Answer 10

更新：

您实际上可以通过在内部抛出错误并在外部捕获它来“中断”：如下所示：

try{
  _([1,2,3]).each(function(v){
    if (v==2) throw new Error('break');
  });
}catch(e){
  if(e.message === 'break'){
    //break successful
  }
}

这显然对您的代码在循环中触发的任何其他异常有一些影响，因此请谨慎使用！

Answer 11

在我的案例中起作用

var arr2 = _.filter(arr, function(item){
    if ( item == 3 ) return item;
});