목차
반환 키워드 사용
문법
예제 1
예외를 발생시켜 forEach() 루프를 중지하세요
예 3
일반 for 루프 및 break 키워드를 사용하세요
웹 프론트엔드 JS 튜토리얼 JavaScript에서 forEach() 메소드를 중지하는 방법은 무엇입니까?

JavaScript에서 forEach() 메소드를 중지하는 방법은 무엇입니까?

Aug 23, 2023 pm 07:53 PM

JavaScript에서 forEach() 메소드를 중지하는 방법은 무엇입니까?

JavaScript에서 프로그래머는 forEach() 메서드를 사용하여 요소 배열을 반복할 수 있습니다. 콜백 함수를 호출하여 각 배열 요소에 대해 forEach() 메서드에 인수로 전달할 수 있습니다.

때때로 콜백 함수를 실행한 후 forEach() 루프를 중지해야 할 수도 있습니다. 아래와 같이 일반 루프에서 'break' 키워드를 사용하여 중지할 수 있습니다.

으아악

하지만 forEach() 메소드에서는 'break' 키워드를 사용할 수 없습니다.

으아악

위 코드는 forEach() 루프의 실행을 중지하지 않습니다.

이 튜토리얼에서는 JavaScript에서 forEach() 루프를 중지하는 다양한 방법을 가르칩니다.

반환 키워드 사용

return 키워드는 코드 실행을 중지합니다. forEach() 루프에서는 continue 문으로 사용됩니다.

문법

사용자는 다음 구문에 따라 return 키워드를 사용하여 forEach() 메서드의 실행을 중지할 수 있습니다.

으아악

위 구문에서 조건이 true가 되면 해당 요소의 콜백 함수 코드가 실행되지 않습니다.

예제 1

의 중국어 번역은 다음과 같습니다.

예제 1

아래 예에서는 문자열 배열과 함께 forEach() 메서드를 사용하고 있습니다. 모든 요소에 대해 콜백 함수를 호출하여 인덱스가 2보다 크면 콜백에서 반환됩니다. 함수이므로 요소가 인쇄되지 않습니다.

으아악

"return" 키워드는 forEach() 메서드를 중단하지 않지만 조건이 true인 경우 연속 키워드로 작동합니다.

예외를 발생시켜 forEach() 루프를 중지하세요

forEach() 루프 실행을 중지하는 또 다른 방법은 try-catch 문을 사용하는 것입니다. forEach() 메서드의 실행을 중지하려는 경우 오류가 발생할 수 있습니다. 추가적으로, 'catch' 블록에서 오류를 잡을 수 있습니다. 'finally' 블록의 forEach() 메서드 이후에 실행해야 하는 모든 코드를 실행할 수 있습니다.

문법

사용자는 다음 구문에 따라 try-catch 문을 사용하여 forEach() 메서드를 중지할 수 있습니다.

으아악

위 구문에서는 throw 키워드를 사용하여 예외를 발생시키고 forEach() 메서드를 중단했습니다.

예 2

의 중국어 번역은 다음과 같습니다.

예 2

아래 예에서는 try-catch 문과 함께 forEach() 메서드를 사용했습니다. forEach() 메소드의 콜백 함수에서 요소 유형을 확인하고 "number" 유형의 요소를 찾으면 오류가 발생합니다.

그러면 forEach() 메서드 실행이 중지됩니다.

으아악

위 출력에서 ​​사용자는 배열에서 숫자 유형 요소를 찾은 후 요소 인쇄를 중지하는 것을 볼 수 있습니다.

일반 for 루프 및 break 키워드를 사용하세요

forEach() 메서드 실행을 중지하는 가장 좋은 방법은 forEach() 루프를 일반 for 루프로 바꾸고 break 키워드를 사용하여 실행을 중지하는 것입니다.

문법

사용자는 아래 구문에 따라 break 키워드와 함께 for 루프를 사용할 수 있습니다.

으아악

위 구문에서는 특정 조건이 true가 될 때 for 루프의 실행을 중지하기 위해 break 키워드를 사용합니다.

예 3

의 중국어 번역은 다음과 같습니다.

예 3

아래 예에서는 다양한 값을 포함하는 배열을 정의했습니다. 일반적인 for 루프를 사용하여 배열을 순회하고, 배열의 값이 30보다 큰 경우 break 키워드를 사용하여 for 루프 실행을 중지합니다.

으아악

방법. 첫 번째 방법은 루프를 중단하지 않지만 "계속" 문으로 작동합니다. 두 번째 방법은 try-catch 문을 사용하여 forEach() 메서드를 중단합니다. 실제 개발에서는 forEach() 루프를 중단하기 위해 오류를 발생시킬 수 없습니다. 따라서 첫 번째와 두 번째 방법은 권장되지 않습니다.

세 번째 방법에서는 forEach() 메서드를 일반 for 루프로 바꾸고 break 키워드를 사용합니다. 세 번째 방법은 잘 작동하지만 요소를 반복할 때 일반 for 루프는 forEach() 메서드보다 느릴 수 있습니다. 따라서 사용자는 array.some() 및 array.each() 메서드를 사용하여 성능을 향상시킬 수도 있습니다.

위 내용은 JavaScript에서 forEach() 메소드를 중지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript로 문자열 문자를 교체하십시오

jQuery는 요소 패딩/마진을 얻습니다 jQuery는 요소 패딩/마진을 얻습니다 Mar 01, 2025 am 08:53 AM

jQuery는 요소 패딩/마진을 얻습니다

jQuery 날짜가 유효한지 확인하십시오 jQuery 날짜가 유효한지 확인하십시오 Mar 01, 2025 am 08:51 AM

jQuery 날짜가 유효한지 확인하십시오

10 JQuery Accordions 탭 10 JQuery Accordions 탭 Mar 01, 2025 am 01:34 AM

10 JQuery Accordions 탭

10 JQuery 플러그인을 확인할 가치가 있습니다 10 JQuery 플러그인을 확인할 가치가 있습니다 Mar 01, 2025 am 01:29 AM

10 JQuery 플러그인을 확인할 가치가 있습니다

노드 및 HTTP 콘솔로 HTTP 디버깅 노드 및 HTTP 콘솔로 HTTP 디버깅 Mar 01, 2025 am 01:37 AM

노드 및 HTTP 콘솔로 HTTP 디버깅

사용자 정의 Google 검색 API 설정 자습서 사용자 정의 Google 검색 API 설정 자습서 Mar 04, 2025 am 01:06 AM

사용자 정의 Google 검색 API 설정 자습서

jQuery div에 스크롤 바를 추가합니다 jQuery div에 스크롤 바를 추가합니다 Mar 01, 2025 am 01:30 AM

jQuery div에 스크롤 바를 추가합니다

See all articles