이 가이드는 jQuery each() 루프에서 벗어나기 위한 사용법과 방법을 설명합니다. 이러한 방법은 다음과 같습니다.
jQuery 'each()' 루프에서 벗어나는 방법은 무엇입니까?
'에서 탈출 각() ” jQuery의 루프는 코드의 실행 속도를 최적화할 수 있으며 개발자가 특정 조건에 따라 조기에 루프를 종료할 수 있습니다. jQuery에서 탈피하여 ' 각() ” 루프에서 개발자는 즉시 루프를 종료하고 나머지 반복을 진행하지 않고 오류를 처리하거나 적절한 조치를 수행할 수 있습니다.
jQuery 'each()' 루프를 벗어나는 데 사용할 수 있는 몇 가지 방법 또는 접근 방식이 있으며 이러한 방법은 아래에 설명되어 있습니다.
방법 1: Return False 문 사용
false 값을 반환하면 'each()' 루프는 즉시 나머지 반복을 건너뛰고 아래와 같이 불필요한 반복을 피합니다.
< 스크립트 >
const 콜 = [ 5 , 6 , 7 , 8 , 9 ] ;
콘솔. 통나무 ( '원본 컬렉션: ' + 콜 ) ;
$. 각 ( 콜 , 기능 ( 나 , 그는 또한 거주 ) {
콘솔. 통나무 ( 그는 또한 거주 ) ;
만약에 ( 그는 또한 거주 === 7 ) {
반품 거짓 ;
}
} ) ;
스크립트 >
위 코드에 대한 설명:
- 먼저 배열 ' 콜 ” 콘솔에 인쇄되는 5개의 더미 값을 포함하는 생성됩니다.
- 다음으로 ' 각() ” 루프 어디서 “ 콜 ”는 컬렉션으로 사용되며, 콜백은 “라는 이름의 키-값 쌍으로 전달됩니다. 나 ' 그리고 ' 거주자 ” 각각.
- 이 콜백 함수는 ' 콜 ” 및 각 해당 인덱스에 대한 값을 표시합니다.
- 언제 ' 각() ' 루프 반복이 ' 7 '로 인한 값 루프 브레이크아웃 거짓 반환 ' 성명.
컴파일 후 출력은 다음과 같습니다.
출력은 특정 조건에 도달하지 않을 때까지 데이터를 표시하기 위해 jQuery 'each()' 루프가 중단되었음을 보여줍니다.
방법 2: 예외 발생
' 내에서 예외를 던짐으로써 각() ' 루프에서 개발자는 'each()' 루프를 종료하고 오류 처리 논리로 이동할 수 있습니다. 이를 통해 개발자는 아래와 같이 필요할 때 특정 작업을 수행할 수 있습니다.
< 스크립트 >const 콜 = [ 5 , 6 , 7 , 8 , 9 ] ;
콘솔. 통나무 ( '원본 데이터 요소: ' + 콜 ) ;
노력하다 {
$. 각 ( 콜 , 기능 ( 나 , 그는 또한 거주 ) {
콘솔. 통나무 ( 그는 또한 거주 ) ;
만약에 ( 그는 또한 거주 === 7 ) {
던지다 새로운 오류 ( '루프에서 벗어나십시오' ) ;
}
} ) ;
} 잡다 ( 오류 ) {
콘솔. 통나무 ( 오류. 메시지 ) ; // 오류를 처리하거나 필요한 작업을 수행합니다.
}
스크립트 >
코드 설명:
- 먼저 배열 ' 콜 ”는 여러 개의 더미 값을 포함하는 것으로 선언되고 이 값을 콘솔에 출력합니다.
- 다음으로 ' 노력하다 ” 블록 jQuery “ 각() ” 루프는 배열을 반복하여 각 엔티티를 표시하는 콜백 함수와 함께 사용됩니다.
- 해당 조건이 충족되면 예외를 throw하는 특정 조건이 내부에 사용됩니다.
- 이제 ' 잡다 ” 블록은 사용자가 오류를 발견하면 오류 메시지를 표시합니다.
컴파일 후:
출력에는 조건 발생이 검색되기 전의 요소만 표시됩니다.
방법 3: 사용자 지정 플래그 사용
“ 맞춤 깃발 '는 jQuery each() 루프에서 벗어나도록 설정할 수도 있습니다. 이러한 플래그는 ' 진실 ' 또는 ' 거짓 ” 값으로. 플래그는 기본적으로 아래와 같이 원하는 조건이 충족되면 false로 설정되는 변수입니다.
< 스크립트 >const 콜 = [ 5 , 6 , 7 , 8 , 9 ] ;
let breakCond = 거짓 ;
$. 각 ( 콜 , 기능 ( 색인 , 안건 ) {
콘솔. 통나무 ( 안건 ) ;
만약에 ( 안건 === 7 ) {
breakCond = 진실 ;
반품 거짓 ;
}
} ) ;
만약에 ( breakCond ) {
콘솔. 통나무 ( '루프에서 벗어나십시오' ) ;
}
스크립트 >
코드 설명:
- 먼저 배열 ' 콜 '가 선언되고 부울 변수 ' breakCond ' 값을 갖는 ' 거짓 '도 생성됩니다. 이 변수는 사용자 지정 플래그 역할을 합니다.
- 다음으로 jQuery ' 각() ” 루프는 콜백 함수와 함께 사용되어 배열을 반복하고 상주하는 모든 요소 값을 표시합니다.
- 그 안에는 “ 만약에 ”문은 원하는 값의 발생을 확인하고 “의 값을 설정하는 데 사용됩니다. breakCond ”를 true로 설정하고 false 값을 반환하여 실행 주기를 중지합니다.
- 마지막으로 ' breakCond '는 '의 값을 포함합니다. 진실 '.
컴파일 후 콘솔은 다음과 같습니다.
스냅샷은 jQuery ' 각() ” 루프가 성공적으로 완료되었습니다.
결론
jQuery의 ' 각() ' 루프, '와 같은 몇 가지 접근 방식 거짓 반환 ' 성명, ' 예외 발생 ”, 그리고 “ 맞춤 깃발 '를 사용할 수 있습니다. 위의 접근 방식은 특정 조건이 충족되면 전체 실행 주기를 중지합니다. 이 가이드는 개발자가 jQuery 'each()' 루프에서 벗어날 수 있는 접근 방식을 성공적으로 보여주었습니다.