01. if문

If문은 조건식의 결과에 따라 중괄호 { } 로 묶어놓은 블록이 실행여부가 결정되는 조건문입니다. 조건식에는 true 또는 false값을 산출할 수 있는 연산식이나 boolean변수가 올 수 있습니다. 조건식이 true면 블록을 실행하고 false면 블록을 실행하지 않습니다.

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

02. if문 생략

if(조건식) 다음의 { } 를 생략할 수 있다. 하지만, 생략할 경우 if문에 포함되는 실행문은 단 한 줄만 포함된다.

const num = 100;

if (num) document.write("실행되었습니다(true).");
else document.write("실행되었습니다(false).");
결과보기
실행되었습니다(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문

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. 조건부 연산자(상함 연산자)

조건 연산자는 기호 '?' 와 기호 ':' 으로 이루어져 있으며, 두개의 기호가 서로 떨어져 하나의 연산자를 구성하기 때문에 피연산자를 3개 까지 둘 수 있는 것입니다.

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

06. switch문

switch(값)의 값과 case의 값들을 하나씩 비교하여 일치하는 case를 실행시켜 줍니다.
switch문은 if문과 다르게 특정조건에 만족 했을 때 블록{}을 스스로 빠져나가지 못합니다. 

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문

조건식이 '참'인 경우 계속해서 괄호 안의 내용을 반복 수행하는 반복문입니다.

let num = 1;

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

08. do while문

조건식을 검사하기 전에 한번 이상은 무조건 실행합니다.

let num = 1;

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

09. for문

for 문은 괄호로 감싸고 세미콜론으로 구분한 세 개의 선택식과, 반복을 수행할 문(주로 블럭문)으로 이루어져 있습니다.

for (let i = 1; i < 100; i++) {
    document.write(i + ". 실행되었습니다.");
}

// 

let num = [1, 2, 3, 4, 5, 6, 7, 8, 9];

for (let i = 0; i < num.length; i++) {
    document.write(num[i] + ". 실행되었습니다.");
}
결과보기
1. 실행되었습니다. ~ 100. 실행되었습니다. // 1부터 100까지 출력
1. 실행되었습니다. ~ 9. 실행되었습니다. // 1부터 9까지 출력

10. 중첩 for문

for (let i = 0; i <= 2; i++) {
    document.write(i + "실행
");     // 0부터 2까지 총 3회 출력
    for (let j = 0; j <= 5; j++) {
        document.write(j + "실행
");     // i값이 1번 출력할때마다 0~5까지 출력
    }
}
결과보기
0실행
0실행
1실행
2실행
3실행
4실행
5실행
1실행
0실행
1실행
2실행
3실행
4실행
5실행
2실행
0실행
1실행
2실행
3실행
4실행
5실행

11. break문

코드 실행 중 break문을 만나게 되면 현재 실행문을 중지시키고 다음 실행문으로 넘어가게 합니다.

for (let i = 1; i <= 20; i++) {
    document.write(i);
    if (i == 10) {        // === : 숫자인지, 문자인지, 함수인지도 확인합니다.
        break;      // 10에서 출력을 멈춥니다.
    }
}
결과보기
12345678910

12. continue문

continue문은 특정 조건을 만족 했을 때 그 해당하는 값만 건너뛰기 할 수 있습니다.

for (let i = 1; i <= 20; i++) {
    if (i == 10) {
        continue;      // 10을 생략하고 다음부터 출력합니다.
    }
    document.write(i);      // 실행문의 순서가 중요합니다.
}
결과보기
123456789 11121314151617181920