[ JavaScript ] 자바스크립트 기본 문법 | 반복문의 제어(break, continue)

이미지 출처 :  https://commons.wikimedia.org/wiki/File:JavaScript-logo.png

 

 

 

 

해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다.

 

 

 

---

 

 

 

자바스크립트 기본 문법  ::  break

 

반복 작업을 중간에 중단하고 싶을 때 사용하는 것입니다.

 

예시로 살펴보도록 하겠습니다.

 

 

 

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

 

 

 

위의 예제를 실행시키면,

 

 

 

 

 

 

그림과 같은 결과가 나오게됩니다.

 

i 가 5일때 break 를 만나 반복문을 빠져나가게(반복문 중지) 되어 더이상 test 를 출력시키지 않습니다.

 

 

 

 

 

 

자바스크립트 기본 문법  ::  Continue

 

 

그럼 실행을 즉시 중단 하면서 반복은 지속되게 하려면 어떻게 해야 할까요?

이때 사용되는 것이 Continue 입니다.

 

이 또한 예제로 살펴보도록 하겠습니다.

이전 예제의 break를 continue로 변경했을 뿐이지만 결과는 전혀 다르게 나타납니다.

 

 

 

 

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

 

 

 

 

 

 

그림을 보면, test4 가 출력되고 test6이 곧바로 출력되는 것을 알 수 있습니다.

 

i가 5일 때는 실행을 중단시키고 다음 반복으로 넘어가기 때문에,

 

console.log('test'+i); 

 

코드가 실행되지 않고 곧바로 i가 +1 되어 6이 됩니다.

 

 

break와 continue의 차이를 잘 파악하고 있다면 반복문을 제어하는데 크게 어려움이 없을 것 같습니다.