자바스크립트 break 및 continue 제어문 간단한 예제

자바스크립트 break 제어문은 소속된 반복문 코드 블록을 빠져나올 때 사용합니다. continue 제어문은 뒤에 오는 실행문을 1회 생략하고, 소속된 반복문의 조건식 파트로 돌아가는 기능입니다.

자바스크립트 제어문

자바스크립트 제어문은 반복문이나 조건문 등에서 보조적인 효과를 주는 명령어를 말합니다. 자바스크립트의 제어문에는 break 제어문과 continue 제어문이 있습니다.

break 제어문은 소속된 반복문 코드 블록을 탈출합니다. continue 제어문은 소속된 반복문에서 뒤에 오는 실행코드를 생략하고, 소속된 반복분/조건문의 조건식 부분으로 넘어갑니다.

아래 예제는 1부터 10까지 숫자를 한 줄씩 출력하는 for 반복문입니다. 똑같은 예제에 대해서 break 제어문과 continue 제어문을 넣었을 때 각각 어떤 효과가 발생하는지 살펴보겠습니다.

<script>
  var num;

  for ( num = 1; num <= 10; num++ )
  {
    document.write ( num, "<br>" );
  }
</script>

결과

1
2
3
4
5
6
7
8
9
10

TRY IT ▷

자바스크립트 break 제어문

자바스크립트 break 제어문은 현재 소속된 반복문을 탈출합니다.

예를 들어 1부터 10까지 출력되는 for 반복문에서 숫자 3까지 출력되도록 조건을 걸고 싶습니다. 이 경우 if 조건문을 for 반복문 내부에 삽입후, 실행문에 break 제어문을 삽입하면 됩니다.

<script>
  var num;

  for ( num = 1; num <= 10; num++ )
  {
    if ( num == 4 )                   //num이 4와 같으면,
    {
      break;                          //for 반복문 탈출
    }
    document.write ( num, "<br>" );
  }
</script>

결과

1
2
3

TRY IT ▷

switch 조건문에서는, break 제어문은 해당 조건문을 빠져나갑니다.

자바스크립트 continue 제어문

자바스크립트 continue 제어문은 소속된 반복문 안에서 자신의 뒤에 오는 실행문을 생략하고, 소속된 반복문의 초기 조건식으로 돌아갑니다.

예를 들어 1부터 10까지 출력을 하는 for 반복문에서 숫자 3만 출력을 제외할 수 있습니다. for 반복문 내부에 if 조건식을 삽입하고, 숫자가 3에 올 경우 continue 제어문을 삽입해서 1회 출력이 안되고, 다음 반복문 턴으로 넘어가게 합니다.

<script>
  var num;

  for ( num = 1; num <= 10; num++ )
  {
    if ( num == 3 )                   //num이 3과 같으면,
    {
      continue;                       //document.write()를 1회 무시하고, for ( num = 4 )부터 계속
    }
    document.write ( num, "<br>" );
  }
</script>

결과

1
2
4
5
6
7
8
9
10

TRY IT ▷

그 밖에 return 제어문은 함수 파트에서 살펴봅니다.