Як зупинити JavaScript для циклу?

Я використовую цей JavaScript для ітерації масиву та пошуку відповідного елемента масиву:

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

for (i = 0; i < remSize.length; i++) {      
    // I'm looking for the index i, when the condition is true
    remSize[i].size == remData.size ? remIndex = i : remIndex = -1;     
}

Масив містить ці «розміри»: ["34", "36", "38"...].

remData.size - це "розмір", який я шукаю (наприклад, "36").

Мені потрібно повернути індекс, iякщо розмір, який я шукаю, знаходиться в індексі. Інакше мені потрібно повернутися -1. Чи є кращий спосіб зробити це?

Щоб зупинити forцикл на початку JavaScript, ви використовуєте 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
     }
}

Якщо ви перебуваєте в середовищі ES2015 (він же ES6), для цього конкретного випадку використання ви можете використовувати Array#findIndex(для пошуку індексу запису) або Array#find(щоб знайти саму запис), обидва з яких можна змістити / заповнити:

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зупиняє перший раз, коли зворотний виклик повертає тривале значення, повертаючи індекс для цього виклику до зворотного дзвінка; він повертається, -1якщо зворотний виклик ніколи не повертає правдоподібне значення. Array#findтакож зупиняється, коли він знаходить те, що ви шукаєте, але він повертає запис, а не його індекс (або undefinedякщо зворотний виклик ніколи не повертає трибунове значення).

Якщо ви використовуєте сумісне з ES5 середовище (або прошивку ES5), ви можете використовувати нову someфункцію в масивах, яка викликає зворотний виклик, поки зворотний виклик не поверне тривале значення:

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

Якщо ви використовуєте jQuery, ви можете використовувати jQuery.eachцикл через масив; це виглядатиме так:

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

Використовуйте для циклу, який є частиною випуску ES2015. На відміну від forEach, ми можемо використовувати повернення, перерву та продовження. Дивіться 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);
}

Логіка неправильна. Він завжди повертає результат останнього елемента в масиві.

remIndex = -1;

for (i = 0; i < remSize.length; i++) {      
    if (remSize[i].size == remData.size) {
        remIndex = i
        break;
    }
}

Я знаю, що це трохи старе, але замість того, щоб переглядати масив з циклом for, було б набагато простіше використовувати метод <array>.indexOf(<element>[, fromIndex])

Він проходить цикл через масив, знаходячи і повертаючи перший індекс значення. Якщо значення не міститься в масиві, воно повертає -1.

<array>- це масив, який слід шукати, <element>це значення, яке ви шукаєте, і [fromIndex]індекс, який слід починати з (за замовчуванням до 0).

Сподіваюся, це допоможе зменшити розмір вашого коду!