Angular JS break ForEach

Question

J'ai une boucle foreach angulaire et je veux sortir de la boucle si je trouve une valeur. Le code suivant ne fonctionne pas.

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

Comment puis-je l'obtenir ?

Answer 1

El angular.forEach La boucle ne peut pas s'interrompre sur une correspondance de condition.

Mon conseil personnel est d'utiliser un NATIVE POUR au lieu de angular.forEach .

La boucle FOR NATIVE est autour de 90% plus rapidement que les autres boucles for.

UTILISER POUR LA BOUCLE EN ANGLE :

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 2

Il n'y a aucun moyen de le faire. Voir https://github.com/angular/angular.js/issues/263 . Selon ce que vous faites, vous pouvez utiliser un booléen pour ne pas entrer dans le corps de la boucle. Quelque chose comme :

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

Answer 3

Utilisez la méthode Array Some

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

existe retournera vrai, et vous pouvez l'utiliser comme variable dans votre fonction

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

Méthode Array Some - Javascript

Answer 4

Pour autant que je sache, Angular ne fournit pas une telle fonction. Vous pouvez utiliser la fonction underscore find() pour cela (il s'agit essentiellement d'un forEach qui sort de la boucle dès que la fonction renvoie vrai).

http://underscorejs.org/#find

Answer 5

Si vous utilisez jQuery (donc pas jqLite) en conjonction avec AngularJS, vous pouvez itérer avec $.each - qui permet de rompre et de continuer sur la base de l'expression booléenne de la valeur de retour.

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
    }
});

Note :

Bien que l'utilisation de jQuery ne soit pas mauvaise, les deux systèmes natifs Array.some o Array.every sont recommandées par MDN, comme vous pouvez le lire à l'adresse suivante : native forEach documentation :

"Il n'y a aucun moyen d'arrêter ou de rompre une boucle forEach. La solution est d'utiliser Array.every ou Array.some"

Les exemples suivants sont fournis par 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