01. if문

if 조건문을 사용하여 특정 조건을 평가하고 결과에 따라 메시지를 출력하는 예제이다.

{
    // true : true, "문자열", 1, 2, "1", "2", [], {}
    // false : fasle, 0, null, undefined ""(빈문자열)

    if (0) {
        document.write("실행되었습니다.(true)");
    } else {
        document.write("실행되었습니다.(false)");
    }
}

true : true, "문자열", 1, 2, "1", "2", [], {}
false : fasle, 0, null, undefined ""(빈문자열)

결과 확인하기
실행되었습니다.(false)

02. 다중 if문

여러 조건을 순차적으로 검사하여 해당하는 조건에 따라 결과를 실행하는 예제이다.

{
    const num = 100;

    if (num == 90) {
        document.write("실행되었습니다.(num = 90)");
    } else if (num == 95) {
        document.write("실행되었습니다.(num = 95)");
    } else if (num == 100) {
        document.write("실행되었습니다.(num = 100)");
    } else if (num == 105) {
        document.write("실행되었습니다.(num = 105)");
    } else {
        document.write("실행되었습니다.");
    }
}

'num'이라는 변수값에 100을 저장하고 num값과 비교하여 조건이 참(true)인 경우에 코드블럭을 실행한다.
첫 번째 if (num == 90) 조건은 거짓이므로 해당 코드 블록은 실행되지 않습니다.
두 번째 else if (num == 95) 조건도 거짓이므로 해당 코드 블록은 실행되지 않습니다.
세 번째 else if (num == 100) 조건은 참이므로 해당 코드 블록이 실행되어 "실행되었습니다.(num = 100)"이 출력됩니다. 이후의 else if와 else 블록은 실행되지 않습니다.

결과 확인하기
실행되었습니다.(num = 100)

03. 중첩 if문

중첩된 if 문을 사용하여 여러 개의 중첩된 조건을 검사하고, 각 조건이 참(true)일 때 해당 코드 블록을 실행하는 예제이다.

{
    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");
    }
}

num 변수의 값이 100이므로 첫 번째 if (num == 100) 조건이 참입니다. 따라서 "실행되었습니다.1"이 출력됩니다.
두 번째 중첩된 if (num == 100) 조건도 참이므로 "실행되었습니다.2"가 출력됩니다.
세 번째 중첩된 if (num == 100) 조건 역시 참이므로 "실행되었습니다.3"이 출력됩니다.

결과 확인하기
실행되었습니다.1실행되었습니다.2실행되었습니다.3

04. if문 생략 & 삼항 연산자

if 문과 삼항 연산자를 사용하여 조건에 따라 다른 동작을 수행하는 예제이다.

{
    const num = 100;

    // if(num == 100){
    //     document.write("실행되었습니다.(true)");
    // }

    if (num == 100) document.write("실행되었습니다.(true)");

    // if(num == 100){
    //     document.write("실행되었습니다.(true)");
    // } else {
    //     document.write("실행되었습니다.(false)");
    // }

    if (num == 100) document.write("실행되었습니다.(true)");
    else document.write("실행되었습니다.(false)");

    // 삼항 연산자(조건식 연산자)
    (num == 100) ? document.write("true") : document.write("false");
}

첫번째 두번째 if 문은 if (num == 100) 조건이 참(true)이므로 해당 코드 블록이 실행되어 "실행되었습니다.(true)"이 출력됩니다.
그리고 else 블록은 해당 조건이 거짓인 경우에 실행되는데, 이 경우에는 실행되지 않습니다.
삼항 연산자 (num == 100) ? document.write("true") : document.write("false");는 조건이 참인 경우 "true"를 출력하고, 거짓인 경우 "false"를 출력합니다.

결과 확인하기
실행되었습니다.(true)실행되었습니다.(true)true

05. switch문

switch 문을 사용하여 다양한 조건에 따라 다른 동작을 수행하는 예제이다.

{
    const num = 100;

    switch (num) {
        case 90:
            document.write("실행되었습니다.(90)");
            break;
        case 95:
            document.write("실행되었습니다.(95)");
            break;
        case 100:
            document.write("실행되었습니다.(100)");
            break;
        case 105:
            document.write("실행되었습니다.(105)");
            break;
        default:
            document.write("실행되었습니다.");
    }
}

num 변수의 값은 100이므로 switch 문의 조건을 만족하는 case 100: 아래의 코드 블록이 실행됩니다.
"실행되었습니다.(100)"이 출력됩니다.그리고 break 문이 사용되어 스위치 문에서 나갑니다.
switch 문은 다양한 조건을 처리할 때 유용하며, 각 case 문은 특정 조건에 대한 동작을 정의하고, break 문을 사용하여 다른 case 문으로의 이동을 방지합니다.

결과 확인하기
실행되었습니다.(100)

06. while문

while 반복문을 사용하여 1부터 10까지의 숫자를 출력하는 예제이다.

{
    let num = 1;
    while (num <= 10) {
        document.write(num);
        num++;
    }
}

num 변수를 1로 초기화하고, while 반복문은 조건인 num <= 10이 참(true)인 동안 반복됩니다.
반복문 내부에서 document.write(num)을 사용하여 현재의 num 값을 출력합니다. num 값을 1씩 증가시킵니다 (num++)
반복문이 실행될 때마다 num 값은 1씩 증가하고, 출력되는 숫자는 1부터 10까지 차례대로 출력됩니다.

결과 확인하기
12345678910

07. do while문

do...while 반복문을 사용하여 1부터 10까지의 숫자를 출력하는 예제이다.

{
    let num = 1;
    do {
        document.write(num);
        num++;
    } while (num <= 10);
}

num 변수를 1로 초기화하고, do 내부에서 document.write(num)을 사용하여 현재 num 값을 출력합니다. num 값을 1씩 증가시킵니다 (num++)
while 조건인 num <= 10이 여전히 참(true)이면, 루프가 계속해서 실행됩니다.
이 과정을 반복하여 num 값이 10까지 증가하면서 1부터 10까지의 숫자가 차례대로 출력됩니다.
do...while 반복문을 사용하고 있으므로 조건 검사가 루프를 실행하기 전에 아닌 후에 수행됩니다. 이것은 반복문이 적어도 한 번은 실행되도록 보장합니다.

결과 확인하기
12345678910

08. for문

for 반복문을 사용하여 1부터 10까지의 숫자를 출력하는 예제이다.

{
    for (let i = 1; i <= 10; i++) {
        document.write(i);
    }
}

let i = 1 : i 변수를 1로 초기화합니다.
i <= 10 : 조건이 참(true)인 동안 반복합니다.
i++ : i 값을 1씩 증가시킵니다.
반복문 내부에서 document.write(i)을 사용하여 현재의 i 값을 출력합니다.
반복문이 실행될 때마다 i 값은 1씩 증가하고, 출력되는 숫자는 1부터 10까지 차례대로 출력됩니다.

결과 확인하기
12345678910

09. break문

for 반복문을 사용하여 1부터 9까지의 숫자를 출력, i 값이 5가 되면 루프를 중단하는 예제이다.

{
    for (let i = 1; i < 10; i++) {
        if (i == 5) {
            break;
        }
        document.write(i);
    }
}

let i = 1 : i 변수를 1로 초기화합니다.
i <= 10 : 조건이 참(true)인 동안 반복합니다.
i++ : i 값을 1씩 증가시킵니다.
반복문 내부 if 문을 사용하여 현재의 i 값을 검사합니다. i가 5와 같다면 (i == 5), break 문을 실행하여 루프를 중단합니다.
반복문이 실행될 때마다 i 값은 1씩 증가하고, 출력되는 숫자는 1부터 4까지 차례대로 출력됩니다.

결과 확인하기
1234

10. continue문

for 반복문을 사용하여 1부터 9까지의 숫자를 출력하며, i 값이 5일 때 루프를 건너뛰는 예제이다.

{
    for (let i = 1; i < 10; i++) {
        if (i == 5) {
            continue;
        }
        document.write(i);
    }
}

let i = 1 : i 변수를 1로 초기화합니다.
i <= 10 : 조건이 참(true)인 동안 반복합니다.
i++ : i 값을 1씩 증가시킵니다.
반복문 내부에서 if 문을 사용하여 현재의 i 값을 검사합니다. i가 5와 같다면 (i == 5), continue 문을 실행하여 건너뜁니다.
반복문이 실행될 때마다 i 값은 1씩 증가하고, 출력되는 숫자는 1부터 4까지, 그리고 6부터 9까지 차례대로 출력됩니다. 5는 if 조건에 해당하여 건너뛰었습니다.

결과 확인하기
12346789