[2022-11-17] break, continue 반복문

break

보통 무한 반복을 빠져나가기 위하여 사용한다.

어떤 조건식이 만족되면 더이상 반복문이 필요없고

식을 종료하고 싶은 부분에 break를 넣어준다

 

조건식(조건만족 ){

행동한 후

break;

} 조건식(true) - 조건식의 조건이 만족하면 break가 걸리고 다음이 true여도 작동하지않고다음식이 작동한다.

다음식 작동

 

      //isNaN을 사용하여 숫자걸러주기

      do {
        let input = prompt("암호를 대라");
        if (!isNaN(input)) {
          alert("문자열로만 입력해주세요");
        } else if (input != "you") {
          alert("오답입니다");
        } else if (input == "you") { // input==you일떄 해당조건식의 문을 열고 들어와서
	  alert("축하합니다 정답입니다");// alert 축하합니다 정답입니다 를 출력하고
          break; // ★식종료
        }
      } while (true); // 조건이 true여도 break가 걸려있기때문에 다음식을 재생하지않고 다음식 재생

      document.write( //정상 출력
        "break를 사용하면 조건을 만족한 break문만 종료되고 다음 식은 작동한다."
      );
    </script>

실행결과↓↓↓↓

---

 

continue

반복문을 사용할때 "조건에 만족에는 특정값을" 출력하지않거나 작동시키고싶지않을때 사용

ex) 0~5값을 반복해서 화면에 출력하되 3이라는 숫자는 제외하고 출력하고 싶을때

 

    <script>
      document.write(`continue를 작동시켜보자 <br>`);
      for (let i = 0; i <= 5; i++) { // i가 5와 같거나 클때까지 for문 작동
        if (i == 3) {// 만약에 i가 3이 되면
          continue;// 3번이라는 숫자는 건너뛰고
        }
        document.write(i); // 출력하여라
      }
    </script>

실행결과↓↓↓↓

주의사항

제외하고 싶은 조건문을 입력한 후 그 조건식이 만족하고 그 뒤에 다음식을 입력해줘야한다.

 

1. continue로 가기도 전에 식을 반복할때

continue를 만나기도 전에 document.wrie()를 사용할땐 0,1,2,3,4,5 가 전부 출력된다

    <script>
      document.write(`continue를 작동시켜보자 <br>`);
      for (let i = 0; i <= 5; i++) {
        document.write(i); // continue가적동되기전 식을 넣어버림
        if (i == 3) {
          continue;
        }
      }
    </script>

 

 

2. continue로 가는 조건을 막아버릴때

if문 안에 i의 만족하는수인 3만 들어갈 수 있기때문에 0,1,2,4,5 는 if문 안에 들어갈 수 없다

그러므로 화면엔 아무것도 출력되지않는다

 

 

    <script>
      document.write(`continue를 작동시켜보자 <br>`);
      for (let i = 0; i <= 5; i++) {
        if (i == 3) {
          continue;
          document.write(i); // continue가 작동되긴했지만 
          // if의 조건은 i가 3일때만 들어올 수 있기떄문에 0,1,2,4,5도 들어올 수 없다
        }
      }
    </script>

 

 

---

새싹 DT 기업연계형 프론트엔드 실무 프로젝트  5주차 블로그 포스팅