JavaScript forループを停止する方法は？

この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ます。これを行うより良い方法はありますか？

forJavaScriptの早い段階でループを停止するには、次を使用します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リリースの一部であるfor ofループを使用します。forEachとは異なり、return、break、continueを使用できます。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）。

これがコードのサイズを減らすのに役立つことを願っています！