Angular JS break ForEach

Question

我有一個角度foreach循環，如果我匹配一個值，我想從循環中斷開。以下代碼不起作用。

angular.forEach([0,1,2], function(count){ 
    if(count == 1){ 
    break; 
    } 
}); 

我怎樣才能得到這個？

Answer 1

有沒有辦法做到這一點。見https://github.com/angular/angular.js/issues/263。根據你在做什麼，你可以使用布爾值來避免進入循環體。例如：

var keepGoing = true; 
angular.forEach([0,1,2], function(count){ 
    if(keepGoing) { 
    if(count == 1){ 
     keepGoing = false; 
    } 
    } 
}); 

Answer 2

據我所知，Angular不提供這樣的功能。您可能需要使用下劃線的find()函數（它基本上是一個forEach，一旦函數返回true，它就會跳出循環）。

http://underscorejs.org/#find

Answer 3

angular.forEach循環無法在條件匹配時斷開。

我的個人建議是使用NATIVE爲循環而不是angular.forEach。

NATIVE FOR循環大約爲90％比其他for循環更快。

FOR循環使用 - 在角度：

var numbers = [0, 1, 2, 3, 4, 5]; 

for (var i = 0, len = numbers.length; i < len; i++) { 
    if (numbers[i] === 1) { 
    console.log('Loop is going to break.'); 
    break; 
    } 
    console.log('Loop will continue.'); 
} 

Answer 4

使用一些方法

var exists = [0,1,2].some(function(count){ 
     return count == 1 
}); 

存在將返回true數組，你可以使用這個作爲一個變量你的功能

if(exists){ 
    console.log('this is true!') 
} 

Array Some Method - Javascript

Answer 5

如果與AngularJS結合使用jQuery（因此不jqLit​​e），你可以用$。每次迭代 - 它允許突破，並繼續基於布爾返回值表達式。

的jsfiddle：

http://jsfiddle.net/JEcD2/1/

的Javascript：

var array = ['foo', 'bar', 'yay']; 
$.each(array, function(index, element){ 
    if (element === 'foo') { 
     return true; // continue 
    } 
    console.log(this); 
    if (element === 'bar') { 
     return false; // break 
    } 
}); 

注：

雖然使用jQuery也不錯，無論是本地Array.some或Array.every功能由MDN推薦你可以在本地forEach文檔閱讀使用說明：

「沒有辦法停止或中斷forEach循環。解決方案是使用Array.every或Array。由MDN提供了一些」

下面的例子：

Array.some：

function isBigEnough(element, index, array){ 
    return (element >= 10); 
} 
var passed = [2, 5, 8, 1, 4].some(isBigEnough); 
// passed is false 
passed = [12, 5, 8, 1, 4].some(isBigEnough); 
// passed is true 

Array.every：

function isBigEnough(element, index, array){ 
    return (element >= 10); 
} 
var passed = [12, 5, 8, 130, 44].every(isBigEnough); 
// passed is false 
passed = [12, 54, 18, 130, 44].every(isBigEnough); 
// passed is true 

Answer 6

只需加$指數並執行以下操作：

angular.forEach([0,1,2], function(count, $index) { 
    if($index !== 1) { 
      // do stuff 
    } 
} 

Answer 7

請使用的foreach一些或每一個實例，

一些

Array.prototype.some: 
some is much the same as forEach but it break when the callback returns true 

Array.prototype.every: 
every is almost identical to some except it's expecting false to break the loop. 

舉例：

var ary = ["JavaScript", "Java", "CoffeeScript", "TypeScript"]; 

ary.some(function (value, index, _ary) { 
    console.log(index + ": " + value); 
    return value === "JavaScript"; 
}); 

舉例每：

var ary = ["JavaScript", "Java", "CoffeeScript", "TypeScript"]; 

ary.every(function(value, index, _ary) { 
    console.log(index + ": " + value); 
    return value.indexOf("Script") > -1; 
}); 

查找更多信息
http://www.jsnoob.com/2013/11/26/how-to-break-the-foreach/

Answer 8

具體而言，您可以退出forEach循環，並在任何地方拋出異常。

try { 
    angular.forEach([1,2,3], function(num) { 
     if (num === 2) throw Error(); 
    }); 
} catch(e) { 
    // anything 
} 

但是，它是更好，如果你使用其他庫或實現自己的功能，在這種情況下find功能，讓你的代碼是最高層。

Answer 9

var ary = ["JavaScript", "Java", "CoffeeScript", "TypeScript"]; 
var keepGoing = true; 
ary.forEach(function(value, index, _ary) { 
    console.log(index) 
    keepGoing = true; 
    ary.forEach(function(value, index, _ary) { 
     if(keepGoing){ 
      if(index==2){ 
       keepGoing=false; 
      } 
      else{ 
       console.log(value) 
      } 

     }  
    }); 
}); 

Answer 10

由於其他答案狀態，Angular不提供此功能。然而jQuery不會的，如果你已加載的jQuery以及角度，你可以使用

jQuery.each (array, function (index, value) { 
    if(condition) return false; // this will cause a break in the iteration 
}) 

見http://api.jquery.com/jquery.each/

Answer 11

break是不可能的角度的forEach來實現的，我們需要修改的forEach做那。

$scope.myuser = [{name: "Ravi"}, {name: "Bhushan"}, {name: "Thakur"}]; 
       angular.forEach($scope.myuser, function(name){ 
        if(name == "Bhushan") { 
        alert(name); 
        return forEach.break(); 
        //break() is a function that returns an immutable object,e.g. an empty string 
        } 
       }); 

Answer 12

正常情況下沒有辦法突破在JavaScript中「每個」循環。 通常可以做的是使用「短路」方法。

array.forEach(function(item) { 
 
     // if the condition is not met, move on to the next round of iteration. 
 
     if (!condition) return; 
 

 
     // if the condition is met, do your logic here 
 
     console.log('do stuff.') 
 
    }

Answer 13

您可以使用此：

var count = 0; 
var arr = [0,1,2]; 
for(var i in arr){ 
    if(count == 1) break; 
    //console.log(arr[i]); 
} 

Answer 14

$scope.arr = [0, 1, 2]; 
$scope.dict = {} 
for (var i=0; i < $scope.arr.length; i++) { 
    if ($scope.arr[i] == 1) { 
     $scope.exists = 'yes, 1 exists'; 
     break; 
    } 
} 
if ($scope.exists) { 
    angular.forEach ($scope.arr, function (value, index) { 
         $scope.dict[index] = value; 
    }); 
} 

Answer 15

我寧願用回做到這一點。將循環部分放在私有函數中，並在您想要中斷循環時返回。

Answer 16

這個例子有效。嘗試一下。

var array = [0,1,2]; 
for(var i = 0, ii = array.length; i < ii; i++){ 
    if(i === 1){ 
    break; 
    } 
} 

Answer 17

我意識到這是舊的，但一個濾鏡陣列可以做你的需要：

var arr = [0, 1, 2].filter(function (count) { 
    return count < 1; 
}); 

然後，您可以運行arr.forEach等陣列功能。

我意識到，如果你打算完全減少循環操作，這可能不會做你想要的。爲此，你最好使用while。

Answer 18

試試這個休息;

angular.forEach([0,1,2], function(count){ 
    if(count == 1){ 
    return true; 
    } 
});