>웹 프론트엔드 >JS 튜토리얼 >JS에서 루프를 벗어나는 세 가지 방법

JS에서 루프를 벗어나는 세 가지 방법

清浅
清浅원래의
2019-03-07 14:29:138247검색

JS에는 루프에서 빠져나오는 세 가지 방법이 있습니다. break 문은 switch 문이나 루프 문을 종료하는 데 사용되며, continue 문은 주로 루프의 반복을 중단하는 데 사용되며, return 문은 다음을 지정하는 데 사용됩니다. 함수가 반환하는 값

객체 지향 프로그래밍에서 우리는 자주 사용되는 세 가지 키워드인 break, continue 및 return을 접하게 됩니다. 이들 키워드의 주요 기능은 루프를 벗어나는 것입니다. 이 세 가지 방법을 자세히 소개하면 어느 정도 참고 효과가 있을 것입니다. 모두에게 도움이 되기를 바랍니다.

[추천 강좌: javascript 튜토리얼]

JS에서 루프를 벗어나는 세 가지 방법

break 문

break 문은 switch 문이나 루프 문을 종료할 때 사용됩니다

switch 문에서 break 문을 사용할 때 문, 스위치 코드 블록에서 벗어나 코드 실행을 종료합니다.

break 문을 루프 문에 사용하면 실행 루프를 종료하고 루프 이후의 코드를 실행합니다.

루프나 스위치 문을 종료하는 데 사용되므로 이 형식은 이러한 문에 나타날 때만 발생합니다. break 문은 합법적입니다

루프의 종료 조건이 매우 복잡한 경우 루프 표현식을 사용하여 모든 조건을 구현하는 것보다 break 문을 사용하여 특정 조건을 구현하는 것이 훨씬 쉽습니다

예:

  <script>
for(var i=1;i<=10;i++) { 
    if(i==8) { 
        break; 
    } 
    console.log(i); 
} 
</script>

렌더링 :

JS에서 루프를 벗어나는 세 가지 방법

continue 문

continue 문의 주요 기능은 지정된 조건이 발생하면 루프에서 다음 반복을 계속하는 것입니다.

continue 문은 다음과 같습니다. break 문과 유사하지만 여전히 차이점이 있습니다. continue 문은 루프를 종료하지 않고 루프의 새로운 반복을 시작합니다.

continue 문은 while 문, do/while 문, for 문 또는 for/in 문의 루프 본문에서만 사용할 수 있습니다. 다른 곳에서 사용하면 오류가 발생합니다.

 <script>
    for(var i=1;i<=10;i++) { 
    if(i==8) { 
        continue; 
    } 
    console.log(i); 
} 
</script>

렌더링:

JS에서 루프를 벗어나는 세 가지 방법

return 문:

return 문은 함수에서 반환하는 값을 지정하는 데 사용됩니다. 함수 본문에만 나타날 수 있으며, 코드의 다른 곳에 나타나면 구문 오류가 발생합니다. 그리고 함수의 실행을 종료하고 함수의 값을 반환합니다

<script>
    for(var i=1;i<=10;i++) { 
    if(i==8) { 
        return; 
    } 
   console.log(i); 
} 
</script>

실행 결과는 다음과 같습니다

Uncaught SyntaxError: Illegal return 문(...) 이 문장은 불법적으로 캡처된 쿼리 반환 문을 의미합니다

하지만 함수에 return을 넣으면 실행할 수 있습니다

<script>
   function a(){
    for(var i=1;i<=10;i++) { 
    if(i==8) { 
        return; 
    } 
  console.log(i); 
     } }
     a();

</script>

Rendering:

Image 061.png

이는 return이 실행되기 전에 함수 본문에 배치되어야 함을 보여줍니다. 이 함수는 break

와 유사합니다. 요약: 이것이 기사의 전체 내용입니다. 이 기사가 JavaScript에서 루프 문을 벗어나는 방법에 도움이 되기를 바랍니다.

위 내용은 JS에서 루프를 벗어나는 세 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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