01. if문

조건문은 프로그래밍에서 가장 기본적이면서 중요한 구문 중 하나입니다. 조건문은 주어진 조건이 참(True)인 경우에만 코드 블록을 실행합니다. 만약 조건이 거짓(False)이라면 실행되지 않습니다.


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

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

false 나오는 값, true 나오는 값

false : 0 , null , undefined , false , ""(빈문자열) true : 1, "0", "1" "ABC" "배열[]" "객체{}" ,true

숫자, 문자 , 배열 ,객체 //모두 true가 나오며 0은 제외

02. if문 생략

위 if문을 아래 if문으로 생략하여 쓸수있다.


    const num = 100;

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

    if(num) document.write("실행되었습니다.(true)");
    else document.write("실행되었습니다.(false)");
    
결과 확인하기
"실행되었습니다.(true)"

03. 삼항연산자

위의 코드와 아래 코드는 같지만 더 효율적이게 쓰기 위해서는 아래의 삼항연산자 방식으로 쓴다.


    const num = 100;

    if(num == 100){
        document.write("true");
    } else {
        document.write("false");   
    };  

    (num == 100) ? document.write("true") : document.write("false");

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

더 효율적인 방법

뒷내용을 읽지 않고 끝나 효율적이다.

04. 다중 if문

if문은 다중으로 사용할 수 있다.


    const num = 120;

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

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

05. 중첩 if문

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)

06. switch문

다중 if문과 비슷하며 다중 if문으로 변경이 가능합니다.
조건에 맞으면 break 키워드에 맞으면 그 실행문에서 끝납니다.
break 키워드를 안쓰게 되면 무한으로 빠지면서 모든 case 키워드를 실행합니다.
defalut 키워드는 switch문의 값과 일치하는 값이 없을 때 실행합니다.


    const num = 80;


    switch(num){
        case 90:
            document.write("실행90");
            break;
        case 80:
            document.write("실행80");
            break;
        case 70:
            document.write("실행70");
            break;
        case 60:
            document.write("실행60");
            break;
        case 50:
            document.write("0");
            break;
        default
            document.write("1");    
    };

결과 확인하기
실행80

false 나오는 값, true 나오는 값

07. while문

while문은 조건이 참인 동안 반복적으로 코드를 실행하는 루프를 생성합니다.
for문과 비슷하며 for문으로 변경이 가능합니다.
조건식에 맞지 않으면 한번도 실행 안될 수 있습니다. 또한 무한으로 빠질 수 있습니다.


    for(let i=0; i<5; i++){
        document.write(i);
    };
    let num = 0 ;
    while(num < 5){
        document.write(num);
        num++
    };

결과 확인하기
01234 01234

false 나오는 값, true 나오는 값

08. do while문

do-while문은 조건식을 마지막에 평가하는 반복문입니다.
do-while문은 코드 블록이 최소한 한 번은 실행되어야 할 때 유용합니다.
do-while문은 일반적으로 조건이 참이거나 거짓일 때 반복문을 실행해야 할 경우에 사용됩니다.
while문과 달리, 먼저 코드 블록을 실행한 다음에 조건식을 검사하여 조건이 참이면 코드 블록을 다시 실행하고, 조건이 거짓이면 반복문을 종료합니다.


    let num2 = 0;
    do{
        document.write(num2);
        num2++;
    } while (num2<5);

결과 확인하기
01234

false 나오는 값, true 나오는 값

09. for문

for( )문 작성 방법 : for(초기값; 조건식; 증감식){실행문}
for( )문 실행 순서 : 초기값 -> 조건식(true, false 초기값이 맞는지 확인) -> 실행문 -> 증감식


    let sum=0;
    let num =[1,2,3,4,5,6,7,8,9];
    for(let i =0; i<num.length; i++){
        document.write(num[i]);
        sum += num[i];
    };
    document.write(sum);

결과 확인하기
123456789 123456789 45

false 나오는 값, true 나오는 값

10. 중첩 for문

여러 개의 배열된 데이터를 for( )문을 이용해서 불러오는 방법입니다.
for( )문 안에 새로운 for( )문이 들어가 있는 것이다. ex: for(초기값; 조건식; 증감식){실행문; for(초기값; 조건식; 증감식){실행문;}}
실행 : (첫번째 for( )문 반복횟수) * (두번째 for( )문 반복횟수)


    for(let i=1; i < =10; i++){
        document.write(i,"
") for(let j=1;j < =10; j++){ document.write(j) }; };
결과 확인하기
1
12345678910
2
12345678910
3
12345678910
4
12345678910
5
12345678910
6
12345678910
7
12345678910
8
12345678910
9
12345678910
10
12345678910

false 나오는 값, true 나오는 값

11. breack문

코드 실행 중 break문을 만나게 되면 현재 실행문을 중지시키고 다음 실행문으로 넘어가게 합니다.
break문은 반복문이나 switch문을 종료할 때 사용됩니다.
break문은 주로 for문, while문, do-while문과 같은 반복문에서 사용됩니다. 반복문 내에서 break문이 실행되면, 반복문은 즉시 종료됩니다.
switch문에서 break문을 사용하면, switch문에서 해당 case의 실행이 끝난 후, switch문을 즉시 종료합니다.


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

결과 확인하기
123456789

12. continue문

continue문은 반복문 내에서 사용되며, 현재 반복에서 남은 코드를 실행하지 않고 다음 반복으로 건너뛰는 역할을 합니다.
continue문은 보통 for문, while문 등과 함께 사용됩니다.
continue문은 반복문 내에서 조건문과 함께 사용하여 특정 조건을 만족하는 경우에만 현재 반복을 건너뛰도록 할 수도 있습니다.
이를 통해 반복문 실행 중 특정 조건에 따라 일부 작업을 생략하고 다음 작업으로 이어나갈 수 있습니다.


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

결과 확인하기
123456789111213141516171819