윤제니

JavaScript - for문, break문, continue문 본문

JavaScript/JavaScript

JavaScript - for문, break문, continue문

꿈다루 2020. 5. 1. 19:51

for

: while 문이나 do~while문은 초기값과 증감값을 따로 지정해야 하는 불편함이 존재 

  for 문을 사용하면 초기값과 증감값을 한번에 정의 가능 

for (초기값; 조건식; 증감식) {
  실행문;
}

[ 실행 순서 ]

첫번째 실행

  i=1 이면 조건식(i<10)은 true가 되며 console.log(1) 을 실행 

  i++에 의해 i변수의 값은 2

 

두번째 실행 

  i=2 이면 조건식(i<10)은 true가 되며 console.log(2) 을 실행

  i++에 의해 i변수의 값은 3

 

- 중략 -

 

세번째 실행

  i=9 이면 조건식(i<10)은 true가 되며 console.log(9) 을 실행

  i++에 의해 i변수의 값은 10

 

열번째 실행

  i=10 일때 조건식(i<10)은 false가 되므로 for문을 빠져나오게 됨. 

 

 

for 문 안의 for 문 

 : 간단한 구구단 예시 

   바깥쪽 for문이 1번 실행할 때 안쪽 for문은 9번 실행 

 

 

break 문 

 : 코드 실행 중 break 문을 만나게 되면 현재 실행하고 있는 문이 멈추게 된다. 

 

예) break 문을 이용하여 입력한 값까지만 출력하는 프로그램 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
  </head>
  <title>Break문</title>

  <script>
    var num = prompt("1-20중 하나의 숫자 값 입력", "");
    var result = "";
    for (var i = 1; i <= 20; i++) {
      result += i + "<br>";
      if (i == num) {
        break;
      }
    }
    document.write(result);
  </script>
</html>

 

 >> 결과

 

 

continue 문 

 : continue문은 특정 조건을 만족했을 때 그 해당하는 값만 실행하지 않도록 한다. 

 

예) 입력한 값만 출력되지 않는 프로그램 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
  </head>
  <title>Continue문</title>

  <script>
    var num = prompt("1-20중 하나의 숫자 값 입력", "");
    var result = "";
    for (var i = 1; i <= 20; i++) {
      if (i == num) {
        continue;
      }
      result += i + "<br>";
    }
    document.write(result);
  </script>
</html>

 

 >> 결과

저작자표시

'JavaScript > JavaScript' 카테고리의 다른 글

JavaScript - 함수의 매개변수(Parameter), 전역변수, 지역변수  (1) 2020.05.02
JavaScript - 함수(Function), 선언적함수, 익명함수, 람다함수, return  (0) 2020.05.01
JavaScript 제어문 - switch문, while문, do~while문  (0) 2020.05.01
JavaScript 제어문 - if문  (0) 2020.05.01
JavaScript 비교 연산자 , 논리 연산자, 조건 연산자 / VS code 에서 js 실행 방법  (0) 2020.04.30
'JavaScript/JavaScript' Related Articles more