Comment arrêter un JavaScript pour la boucle?

Pour arrêter un for début de la boucle en JavaScript, vous utilisez break:

var remSize = [], 
    szString,
    remData,
    remIndex,
    i;

/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */

remIndex = -1; //Set a default if we don't find it
for (i = 0; i < remSize.length; i++) {      
     //I'm looking for the index i, when the condition is true
     if (remSize[i].size === remData.size) {
          remIndex = i;
          break;       //<=== breaks out of the loop early
     }
}

Si vous êtes dans une ES2015 (aka ES6) de l'environnement, pour ce spécifiques cas d'utilisation, vous pouvez utiliser Array#findIndex (pour trouver l'entrée d'index) ou Array#find (pour trouver l'entrée elle-même), qui peuvent tous deux être calée/polyfilled:

var remSize = [], 
    szString,
    remData,
    remIndex;

/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */

remIndex = remSize.findIndex(function(entry) {
     return entry.size === remData.size;
});

Array#find:

var remSize = [], 
    szString,
    remData,
    remEntry;

/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */

remEntry = remSize.find(function(entry) {
     return entry.size === remData.size;
});

Array#findIndex s'arrête la première fois que le callback retourne une truthy valeur, le retour à l'index pour que l'appel à la fonction de rappel; elle renvoie -1 si la fonction de rappel ne retourne jamais un truthy valeur. Array#find également s'arrête lorsqu'il trouve ce que vous cherchez, mais il renvoie à l'entrée, pas de son index (ou undefined si la fonction de rappel ne retourne jamais un truthy valeur).

Si vous utilisez un ES5 compatible avec l'environnement (ou une ES5 cale), vous pouvez utiliser la nouvelle certains function sur les tableaux, qui appelle une fonction de rappel jusqu'à ce que le callback retourne une truthy valeur:

var remSize = [], 
    szString,
    remData,
    remIndex;

/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */

remIndex = -1; //<== Set a default if we don't find it
remSize.some(function(entry, index) {
    if (entry.size === remData.size) {
        remIndex = index;
        return true; //<== Equivalent of break for `Array#some`
    }
});

Si vous utilisez jQuery, vous pouvez utiliser jQuery.chaque pour parcourir un tableau; ce serait ressembler à ceci:

var remSize = [], 
    szString,
    remData,
    remIndex;

/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */

remIndex = -1; //<== Set a default if we don't find it
jQuery.each(remSize, function(index, entry) {
    if (entry.size === remData.size) {
        remIndex = index;
        return false; //<== Equivalent of break for jQuery.each
    }
});

Utiliser pour de la boucle à la place qui est la partie de ES2015 libération. À la différence de forEach, on peut utiliser le retour, break et continue. Voir https://hacks.mozilla.org/2015/04/es6-in-depth-iterators-and-the-for-of-loop/

let arr = [1,2,3,4,5];
for (let ele of arr) {
  if (ele > 3) break;
  console.log(ele);
}