본문 바로가기
쿤즈 Dev/JS HTML CSS

[Javascript] break 와 continue 사용 방법

by :)Koon 2021. 4. 27.

Javascript를 이용해서 프로그래밍을 진행하다 보면 조건문 if를 사용할 때도 있고 반복문 for, while, do ... while들도 사용할 때가 있을 것으로 생각됩니다. 거의 대부분 사용한다고 볼 수 있죠. 이러한 조건문이나 반복문을 사용하다 보면 중간에 특정 조건이 맞게 되고 따라서 현재 블록을 빠져나와야 할 때도 있습니다.

 

 

이번 포스팅에서는 이때 빠져나오거나 계속 진행을 할 수 있는 break와 continue를 알아보도록 하겠습니다.


종료하고 탈출 break

break 문법은 현재의 반복문이나 조건문 내부 블록을 실행하다가 중지하고 빠져나오기 위한 문법입니다. 사용 방법은 아래와 같습니다.

break;

굉장히 간단하죠? 그럼 아래 예를 통해서 어떻게 실행되는지 알아보겠습니다.


소스코드 1. break_for.js

for ( let i = 0; i < 10; i++ ) {
	if ( i == 5 )
		break;
	console.log(i);
}

반복문 for를 실행하면서 i 값이 0부터 하나씩 증가하게 됩니다. 그러다가 i가 5가 되는순간 break 문법을 만나게 되고 더 이상 반복문 for 내부 블록을 실행하지 않습니다.

 

break는 실행되는 즉시 현재의 블록을 바로 종료하는 문법입니다.


다음 진행으로 넘어가는 continue

continue 문법을 만나면 다음으로 진행하지 않고 조건이나 반복의 시작지점에서 이어서 진행하는 것을 의미하는 문법입니다. 사용법은 아래와 같습니다.

continue;

break와 마찬가지로 continue 역시 매우 간단한 사용 방법입니다. 그럼 소스코드를 통해서 다시 한번 알아보겠습니다.


소스코드 2. continue_for.js

for ( let i = 0; i < 10; i++ ) {
	if ( i == 5 )
		continue;
	console.log(i);
}

위에서 알아본 소스코드 1에서 break를 continue로 변경하겼습니다. 결과가 어떻게 바뀌었을까요? 0부터 출력되다가 i가 5가 되면 아래 코드는 실행하지 않고 다음으로 넘어갑니다. 즉 i가 6이 되고 나머지 for 문을 진행하게 됩니다.

 

break문에서는 더이상 반복문을 실행하지 않고 종료한 반면, continue문에서는 계속적으로 진행을 하게 됩니다. 다만 continue 문에 도달했을 때 그 아래 코드들은 실행하지 않고 진행합니다.


이번 포스팅에서는 break와 continue를 알아보았습니다. 굉장히 간단한 문법이고 사용법도 쉽지만 매우 자주 사용하는 문법중 하나입니다. 도움이 되셨으면 합니다. 이상입니다.

 

댓글