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을 찾기 위해 ) 또는 (항목 자체를 찾기 위해) 사용할 수 있으며, 둘 다 shimm / 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콜백이 처음으로 진실 값을 반환 할 때 중지하고 콜백에 대한 해당 호출에 대한 색인을 반환합니다. 그것은 반환 -1콜백이 결코 truthy 값을 반환하지 않는 경우. Array#find또한 찾고자하는 것을 찾으면 멈 춥니 다. 그러나 인덱스가 아닌 항목을 반환합니다 (또는 undefined콜백이 진실 값을 반환하지 않는 경우).

ES5 호환 환경 (또는 ES5 shim)을 사용하는 경우 콜백이 정확한 값을 반환 할 때까지 콜백을 호출하는 새 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와 달리 리턴, 중단 및 계속을 사용할 수 있습니다. 참조 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).

이것이 코드의 크기를 줄이는 데 도움이되기를 바랍니다.