break와 continue를 통해 반복문 종료하기

break와 continue는 반복문을 중지시키는데 사용됩니다. 반복문에 대해선 지난 포스팅에서 다뤘습니다. 복습은 아래 링크를 눌러주세요.

자바스크립트의 반복문

break 사용하기

break를 사용하면 반복문을 종료하고 다음 스크립트들이 실행됩니다.

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

for 문을 보시면, 콘솔창에 10번 실행되도록 되어있습니다. 하지만 중간에 if문을 통해 i의 값이 5라면 break문을 통해 반복문을 종료하라는 조건이 있습니다. 위의 코드를 실행하시면 0 1 2 3 4라는 숫자가 콘솔창에 나오는 것을 확인할 수 있습니다. 

continue 사용하기

continue를 사용하면 현재 반복을 종료하고 새로 반복을 시작합니다.

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

for문 안에 있는 if문에서 break가 continue로 바뀌었습니다. 위의 소스코드는 콘솔창에 어떻게 나올까요? continue를 사용하면 현재 반복만 종료하고 새로 반복을 시작하기 때문에 조건이 걸려있는 5를 빼고 원래 반복되어야할 0~9까지 숫자가 다 콘솔창에 나타나있는 것을 볼 수 있습니다. 

break와 continue를 왜 사용할까요?

반복문을 중지하는 이유는 반복할 필요가 없기 때문입니다. 반복을 통해 값을 찾는다고 생각해봅시다. 천 번을 반복하는데 500번 만에 값을 찾았다면, 나머지 500번은 계속 반복할 이유가 있을까요? 분명 속도가 느려지게 만들것입니다. 그래서 중간에 반복문을 종료시키는 것입니다.

공감은 제작자에게 큰 힘이 됩니다.