제어문

제어문이란 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 제어하거나 반복시키는 문장을 말합니다.

분류 제어문
조건문 if, switch
반복문 while, do while, for
중지, 건너뛰기 break, continue

01. if문

조건식이 참일 때만 결과를 표현해주는 구문입니다. if-else의 경우 조건식이 참일 때 if 블록의 실행문이 실행되고 거짓일 때 else블록의 실행문이 실행됩니다.

if(1){
        document.write("실행되었습니다(true).")
    } else {
        document.write("실행되었습니다(false).")
    }
    
결과 보기
실행되었습니다(true).

02. if문 생략

조건식 다음의 {}는 생략 가능합니다. 그러나 생략할 경우 if문에 포함되는 실행문은 단 한 줄만 포함됩니다.

const num = 100;
    if(num) document.write("실행되었습니다.(true).");
    else document.write("실행되었습니다.(true).");
    
결과 보기
실행되었습니다(true).

03. 다중 if문

여러가지 조건에 따라 조건문을 설정하는 구문. 조건에 계속 설정할 수 있으며 마지막에는 조건식을 쓰지 않습니다.

const num = 100;
    if( num == 90 ){
        document.write("실행되었습니다(num == 90)");
    } else if ( num == 100 ) {
        document.write("실행되었습니다(num == 100)");
    } else if ( num == 110 ) {
        document.write("실행되었습니다(num == 110)");
    } else if ( num == 120 ) {
        document.write("실행되었습니다(num == 120)");
    } else {
        document.write("실행되었습니다(num == 값이 없음)");
    }
    
결과 보기
실행되었습니다(num == 100)

04. 중첩 if문

조건문 안에 조건문이 있는 구문을 다중 if문이라고 합니다. 바깥쪽에 있는 조건을 만족해야 조건 2로 넘어갑니다.

const num = 100;
    if( num == 100 ) {
        document.write("실행되었습니다.(1)");
        if ( num == 100 ) {
            document.write("실행되었습니다.(2)");
            if ( num == 100 ){
                document.write("실행되었습니다.(3)");
            }
        }
    }else {
        document.write("실행되었습니다.(4)");
    }
    
결과 보기
실행되었습니다.(1)
실행되었습니다.(2)
실행되었습니다.(3)

05. 삼항 연산자

삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문입니다. 주로 if문을 간단하게 만들고 싶을 때 사용합니다.

const num = 100;
    //num의 값이 100이면 true출력하고 아니면 false를 출력하세요.
    if( num == 100 ) {
        document.write("true");
    }else {
        document.write("false");
    }
    //아래 형식을 더 많이 쓴다.(간략하게 표현하면 효율적)
    (num == 100) ? document.write("true") : document.write("false")
    
결과 보기
true
true

06. switch문

switch문은 어떤 변수의 값에 따라서 다르게 동작하는 문법입니다. switch문에 사용하는 키워드는 switch, case, default, break 입니다.

const num = 100;
    switch( num ){                
        case 100 : 
            document.write("실행되었습니다.(num == 100)");
            break;
        case 110 : 
            document.write("실행되었습니다.(num == 110)");
            break;
        case 120 : 
            document.write("실행되었습니다.(num == 120)");
            break;
        case 130 : 
            document.write("실행되었습니다.(num == 130)");
            break ;
        default :    
            document.write("실행되었습니다.(num == 값이 없음)");
        }
    
결과 보기
실행되었습니다.(num == 100)

07. while문

while문은 조건문이 참일 때 실행되는 반복문입니다.

let num = 1;
    while( num <= 5 ) {
        document.write("실행되었습니다.");
        num++;
    }
    
결과 보기
실행되었습니다.실행되었습니다.실행되었습니다.실행되었습니다.실행되었습니다.

08. do while문

do while문은 조건식이 거짓으로 판별될 때까지 반복하는 반복문입니다. 조건식을 계산하기 전, do 이하의 명령문이 실행됩니다.

let num = 1;
    do {
        document.write("실행되었습니다2.");
        num++;
    } while ( num<= 5 );
    
결과 보기
실행되었습니다2.실행되었습니다2.실행되었습니다2.실행되었습니다2.실행되었습니다2.

09. for문

조건식이 거짓으로 판별될 때까지 실행문을 반복하는 구문입니다.

for( let i=1; i<100; i++ ){
        document.write(i + ". 실행되었습니다.")
    }
    
결과 보기
1. 실행되었습니다.2. 실행되었습니다.3. 실행되었습니다.4. 실행되었습니다.5. 실행되었습니다.6. 실행되었습니다.7. 실행되었습니다.8. 실행되었습니다.9. 실행되었습니다. 10. 실행되었습니다.11. 실행되었습니다.12. 실행되었습니다.13. 실행되었습니다.14. 실행되었습니다.15. 실행되었습니다.16. 실행되었습니다.17. 실행되었습니다.18. 실행되었습니다.19. 실행되었습니다. 20. 실행되었습니다.21. 실행되었습니다.22. 실행되었습니다.23. 실행되었습니다.24. 실행되었습니다.25. 실행되었습니다.26. 실행되었습니다.27. 실행되었습니다.28. 실행되었습니다.29. 실행되었습니다. 30. 실행되었습니다.31. 실행되었습니다.32. 실행되었습니다.33. 실행되었습니다.34. 실행되었습니다.35. 실행되었습니다.36. 실행되었습니다.37. 실행되었습니다.38. 실행되었습니다.39. 실행되었습니다. 40. 실행되었습니다.41. 실행되었습니다.42. 실행되었습니다.43. 실행되었습니다.44. 실행되었습니다.45. 실행되었습니다.46. 실행되었습니다.47. 실행되었습니다.48. 실행되었습니다.49. 실행되었습니다. 50. 실행되었습니다.51. 실행되었습니다.52. 실행되었습니다.53. 실행되었습니다.54. 실행되었습니다.55. 실행되었습니다.56. 실행되었습니다.57. 실행되었습니다.58. 실행되었습니다.59. 실행되었습니다. 60. 실행되었습니다.61. 실행되었습니다.62. 실행되었습니다.63. 실행되었습니다.64. 실행되었습니다.65. 실행되었습니다.66. 실행되었습니다.67. 실행되었습니다.68. 실행되었습니다.69. 실행되었습니다. 70. 실행되었습니다.71. 실행되었습니다.72. 실행되었습니다.73. 실행되었습니다.74. 실행되었습니다.75. 실행되었습니다.76. 실행되었습니다.77. 실행되었습니다.78. 실행되었습니다.79. 실행되었습니다. 80. 실행되었습니다.81. 실행되었습니다.82. 실행되었습니다.83. 실행되었습니다.84. 실행되었습니다.85. 실행되었습니다.86. 실행되었습니다.87. 실행되었습니다.88. 실행되었습니다.89. 실행되었습니다. 90. 실행되었습니다.91. 실행되었습니다.92. 실행되었습니다.93. 실행되었습니다.94. 실행되었습니다.95. 실행되었습니다.96. 실행되었습니다.97. 실행되었습니다.98. 실행되었습니다.99. 실행되었습니다.

10. 중첩 for문

for문 안에 for문을 사용한 것을 중첩 for문이라고 합니다.

for( let i=1; i<=2; i++){ //가 한 번 실행될 때 j는 5번 실행됨
        document.write(i + "실행");
        for( let j=1; j<=5; j++){
            document.write(j + "실행");
        }
    }
    
결과 보기
실행1실행2실행3실행4실행5실행2실행1실행2실행3실행4실행5실행