반복하는 동안 JavaScript 배열에서 항목을 안전하게 제거하는 방법은 무엇입니까?

루프를 끊지 않고 배열을 반복하고 항목 제거

JavaScript에서 배열을 반복하고 요소를 제거하는 것은 다음과 같은 이유로 까다로울 수 있습니다. splice()가 작동하는 방식. splice()를 사용하여 배열에서 항목을 제거하면 배열이 다시 색인화되어 색인 및 더 이상 사용되지 않는 캐시 길이를 건너뛸 수 있습니다.

이 문제를 해결하기 위한 두 가지 우아한 솔루션이 있습니다. :

접합 후 인덱스 감소

한 가지 접근 방식은 감소하는 것입니다. splice()를 수행한 후 루프 인덱스 i입니다. i를 감소시킴으로써 다음 반복이 이전에 제거된 항목을 건너뛰도록 하여 루프에 공백이 발생하지 않도록 합니다.

역방향 반복

또는 반복할 수도 있습니다. 배열을 역순으로 통과합니다. 마지막 인덱스에서 시작하여 반복할 때마다 i를 감소시키면 더 높은 인덱스에서 제거된 항목이 더 낮은 인덱스에 영향을 주지 않으므로 재인덱싱 문제를 피할 수 있습니다. 이 방법을 사용하면 더 효율적이고 깔끔한 루프가 가능합니다.

예:

다음은 역반복 기술을 사용하여 수정된 코드 버전입니다.

var i = Auction.auctions.length;
while (i--) {
    ...
    if (...) { 
        Auction.auctions.splice(i, 1);
    } 
}

이 접근 방식은 역순으로 반복하고 나머지 항목에 영향을 주지 않고 제거된 항목을 처리하여 루프의 무결성을 유지합니다. 요소.

위 내용은 반복하는 동안 JavaScript 배열에서 항목을 안전하게 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!