본문 바로가기
  • 프론트엔드 개발자 세오세오 | Frontend dev Seo
Learn to Code

[JS] break vs. continue

by CEOSEO 2021. 3. 24.
728x90
반응형

Javascript에는 여러가지 제어문(control flow statemen)가 있다. 여러 제어문들 중에서 조건문이나 반복문은 익숙하지만, break문이나 continue문은 자주 햇갈리기도 하고 언제 사용해야하는지 감이 잘 떠오르지 않을 때가 있기 때문에 잊지 않기 위해 기록을 한다.

 

 

 

break

용도: 코드 블록을 탈출시켜줌

사용처: 레이블문, 반복문(for 형제자매들, while, do while), switch문

특징: 위 사용처 외에 break를 사용할 시 문법 에러가 발생한다.

 

// 주어진 str에서 alphabet의 인덱스를 찾는다
let str = 'you are my sunshine';
let alphabet = 's';
let index = '';

for (let i = 0; i < str.lengh; i++) {
	if (str[i] === alphabet) {
      index = i;
      break; //찾았을 경우 반복문을 탈출한다
    }
}

 

 

continue

용도: 이번 순회의 반복문의 코드 실행을 중단하고, 다음 순회로 넘어가게 함

중요: break는 완전히 반복문을 탈출하게 하지만, continue는 증감식으로 실행 흐름을 넘김.

 

let str = `how many 'e's are in this sentence?`;
let search = 'e';
let count = 0;

for (let i = 0; i < str.length; i++) {
  if (str[i] !== search) {
    continue; //str[i]가 search가 아닐 때엔 그냥 컨티뉴~해버려서
  }
  count++; // 카운트가 올라가지 않는다
}

 

728x90
반응형

댓글