자바스크립트 제어문

01. if 문

조건절의 값에 따라 true false를 구별하여 출력함
let i 값이 0 일때와 1일때의 차이를 알아보자

{
    if("조건절"){
        document.write("실행됨 true")
    }else{
        document.write("실행됨 false")
    }
} 

100 == 100 실행됨 true
100 != 100 실행됨 false

 

02. if문 생략

if문을 줄여 보자 !

{
    // if("조건"){
    //     document.write("실행됨 true")
    // }else{
    //     document.write("실행됨 false")
    // }  
    
    if(true) document.write("실행됨(true)");
    else document.write("실행됨(false)");
}

100 == 100 실행됨 true
100 != 100 실행됨 false
100

 

03. 다중 if문

if문을 여러게 !

{
    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("실행은됨");
    }
}

let = 100 >>결과>> 실행됨 num = 100
let = 10   >>결과>> 실행은됨

 

04. 삼항 연산자

for문에서 선언한 let i 값에 따른 결과가 차이나는걸 주의해야해!

{
    // if(조건절){
    //     document.write("true");
    // }else{
    //     document.write("false");
    // } 
    // 아래 처럼 간단히 표현할수있어 !
    (조건절) ? document.write("true") : document.write("false")
}

100 == 100 실행됨 true
100 != 100 실행됨 false

 

05. 중첩 if 문

if문안에 if문 안에 if문을 쓸수있어

{
	let 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. swich문

if else문과 비슷한 swich문

{06. swich문 ( 다중 if 문)
        const num = 90;
        if(num ==90){
            document.write("실행90");
        }else if(num == 80){
            document.write("실행80");
        }else if(num == 70){
            document.write("실행70");
        }else if(num == 60){
            document.write("실행60");
        }else if(num == 50){
            document.write("실행50");
        }else{
            document.write("빵 ! ");
        }

        const num1 = 90;

        switch(num1){
            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("실행50");
                break;
            default:
                document.write("빵!!!");
                break;
        }
}

실행90
실행90

for문과 while문을 문법은 틀리지만 결과는 같다!

 

07. while문

for과 비슷한 while문

{
    // 07. while문
    for(let i = 0 ; i <=5 ; i++){
        document.write(i);
    }
    document.write("");

    let numWhile = 0;

    while(numWhile<=5){
        document.write(numWhile);
        numWhile++;
    }
}

0
1
2
3
4
5

for문과 while문을 문법은 틀리지만 결과는 같다!

 

08. do while문

for문과 do- while문을 문법은 틀리지만 결과는 같다!

{
    document.write("");

    let numWhile1 = 10;
    do{
        document.write("numWhile " +numWhile1 );
        numWhile1++;
    }while(numWhile1<10);
    document.write("numWhile " +numWhile1 );
}

10
11

do while문은 조건식을 일단은 실행!

그래서 10과 11이출력됨

 

09. for문

for문안에 조건절에 따라 실행되어 반복시켜줌

{
    const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
    let a = "";
    for(let i = 0 ; i <arr.length ; i++){
        a+= arr[i]+" ";
    }
    document.write(`<span style='color:red'>${a}</span>${b}`);
}

 

1 2 3 4 5 6 7 8 9

 

10. 중첩for문

for문안에 for문!

{
    for(let i = 0 ; i <=10 ; i++){
        document.write( ` ${i}  : `)
        for(let j = 0 ; j <=10 ; j++){
            document.write(j);
        }
        document.write("<br>")
    };
}

0 : 012345678910
1 : 012345678910
2 : 012345678910
3 : 012345678910
4 : 012345678910
5 : 012345678910
6 : 012345678910
7 : 012345678910
8 : 012345678910
9 : 012345678910
10 : 012345678910

 

11. break문

for문안에 반복하다 break문이 나오면 stop

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

123456789

 

12. continue문

for문안에 조건절에 따라 실행되어 반복시켜줌

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

123456789   111213141516171819
10이란 숫자는 없음 !