본문 바로가기
Javascript, Typescript, React

Javascript - 반복문의 break와 continue

by 케이리케리 2023. 1. 18.
break : 반복문 전체를 빠져나온다
let i = 1;
while (i <= 10){
    console.log(i);
    i++;
    break;
}
// 1 출력
// i = 1 값이 while의 소괄호 조건부분을 통과 - console.log()함수 출력 후 통과 - i 값이 1 증감 - break를 만나 반복문 전체를 빠져나옴


let i = 1;
while (i <= 10){
    console.log(i);
    if(i === 7){
        break;
    }
    i++;
}
// 1 2 3 4 5 6 7 까지 출력

for(let i = 1; i <= 10; i++){
    console.log(i);
    if(i === 7){
        break;
    }
}
// 1 2 3 4 5 6 7 까지 출력

 

continue : 동작부분을 한번 건너뛴다. continue를 만나게되면 그 아래 코드들은 실행되지 않고 바로 다음 단계로 넘어감.
for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}
// 출력결과 : 1 3 5 7 9
// i=1일때, i<=10 조건부분 충족 -> if 조건문 불충족 : continue 무시됨 -> console.log()함수(동작부분) 실행 -> i++ 추가동작부분 실행 
// i=2일때, i<=10 조건부분 충족 -> if 조건문 충족 : continue 실행 -> console.log()함수 무시 -> i++ 추가동작부분으로 넘어가 실행
// i=3일때, i<=10 조건부분 충족 -> if 조건문 불충족 : continue 무시됨 -> console.log()함수(동작부분) 실행 -> i++ 추가동작부분 실행
// ...


let i = 1;
while(i<=10){
    if (i % 2 === 0) {
    	i++; //여기서 증가시켜주는 이유 : for문과 다르게 추가동작부분이 없기때문 //while문은 continue가 실행되서 동작부분을 건너뛰게되면 바로 조건부분으로 넘어감. 그래서 미리 여기서 i를 증가시켜줘야함
        continue;
    }
    console.log(i);
    i++;
}