JavaScript_반복문(break,continue)

🙋🏻‍♀️·2022년 4월 7일
0

✔️Break : 반복문 실행 도중 빠져나오기

break는 switch문에서도 사용한 적이 있다.
(예시는 지난 정리 참조)



📢while문으로 1부터 10까지 출력하는 코드

  let i = 1;
 
  while ( i <= 10 ) {
    console.log(i);
    i++;

  } //12345678910

📢break 추가해서 알아보기

  let i = 1;
 
  while ( i <= 10 ) {
    console.log(i);
    i++;
    break;      //-->break 추가함.
  } //1

❓왜 1만 출력될까?

처음에 i가 1인 상태로 반복문 실행
->i를 출력하고 i를 증가시킨 다음에 break문을 만나서 while문을 빠져나가게 됨
->1 출력




📢if문 추가해서 알아보기

    let i = 1;
   
    while (i <= 10) {
      console.log(i);
      if (i===7) {  //반복이 실행되는 중에 i가 7이 되는 순간 break가 실행.
        break;
      }
      i++;
    }//1234567




📢for문으로 알아보기

   for(let i = 1; i<=10; i++) {
      console.log(i);
      if (i===7) {
        break;
      }
    }//1234567

✍️이렇게 break를 반복문에서 활용하면 반복문에 조건 부분과 상관없이 반복이 실행되는 도중에 빠져나갈 수 있다.





✔️continue : 동작 부분을 건너뜀

continue를 만나면 그 다음 코드들은 실행되지 않고 바로 다음 단계로 넘어간다.




📢for문 + if문 + continue

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

   }//13579 홀수만 출력됨

✍️설명 정리

  1. 초기화부분에서 변수 i 선언

  2. 1은 10보다 작으니까 true로 판단되서 동작부분 실행

  3. if문이 또 나왔으니까 여기는 조건부분을 또 확인하게됨
    그런데 1은 2로 나누어 떨어지지않음. 컨티뉴 실행 안됨. 그래서 콘솔에 1 출력됨

  4. 그 다음부분에서 i가 2가되고 조건부분 통과

  5. 그렇게되면 if문의 조건 부분도 충족하기 때문에 컨티뉴 실행.

  6. 실행중인 동작부분을 건너뛰고 그 다음 동작, 추가 동작 부분으로 넘어감.

  7. 그래서 컨티뉴 아래에 있는 콘솔이 무시됨. 짝수는 무시되고 홀수만 출력.

  8. 최종적으로 홀수일때만 콘솔 출력.




📢while문으로 알아보기

let i = 1;

while(i<=10) {
  if(i % 2 !== 0) {
    i++;            //-->i를 증가시켜주고있음. while문은 for문과는 다르게 추가 동작 부분이 없음.
    continue;       //while문은 컨티뉴가 실행돼서 동작부분 건너뛰면 바로 조건부분으로 넘어감
  }                 //그래서 미리 i를 증가시켜줘야함.만약에 증가시캬주지않으면 i가 2인채로 무한히 반복하는 코드.
  console.log(i);
  i++

}//13579




0개의 댓글