JAVASCRIPT

데이터 제어하기 정리 해보기!

김도현2 2023. 3. 1. 00:17
반응형

if문, switch문, while문, break문, continue문

 

01. if문

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    // false : 0, null, undefined, false, ""(빈문자열)
    // true : 0을 제외한 숫자, "문자열", [배열], {객체}, true
    if(0){      
        document.write("실행되었습니다.(true)");
    } else {
        document.write("실행되었습니다.(false)");
    }
}
결과:
실행되었습니다.(false)

 

02. if문

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    const num = 100;
    if(num == 200) document.write(num + "실행되었습니다. (true)");  //if문 대괄호 생략 가능합니다. 
    else document.write(num+ "실행되었습니다. (false)");
}
결과:
100실행되었습니다. (false)
//num 값이 200일시 (true)
 
 

03. 삼항 연산자

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    const num = 100;
         
    if(num == 100){
        document.write("true"); //num값이 100이 맞다면 true
    } else {                             //위에 값이 조건에 안맞다면 else로 넘어가기
        document.write("false");
    }
--------------------------------------------------------------------
    (num == 100) ? document.write("true") : document.write("false");    //? - 조건문  : - true,false 중 하나를 출력합니다.
}
    //위에있는 코드와 아래에 있는 코드는 같은 값을 냅니다. 
    //밑에 열에 있는 삼항 연산자를 이용해 코드를 줄일 수 있습니다.
결과:
true

 

 

04. 다중 if

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    // == 는 숫자,문자열 구분x
    // === 는 숫자,문자열 구분o
    const num = 150;
    if(num == 90){      //num값이 90과 같을때 { }안에 있는 값을 실행
        document.write("실행되었습니다(mum == 90)");
    } else if(num == 100){
        document.write("실행되었습니다(mum == 100)");
    } else if(num == 110){
        document.write("실행되었습니다(mum == 110)");
    } else if(num == 120){
        document.write("실행되었습니다(mum == 120)");       
    } else {               //위에 조건문들이 조건에 안맞아서 else까지 내려왔다면 { }안에 있는 값을 실행
        document.write("실행되었습니다");
    }  
}
결과:
실행되었습니다. //num 값이 150이기 때문에 아무조건에 해당이 안되기 때문 마지막 else문 값 출력합니다.

 

 

05. 중첩 if

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    const num = 125;
    
    if(num > 100){
        document.write("실행되었습니다.(1)");
        if(num > 120){
            document.write("실행되었습니다.(2)");
            if(num > 130){
                document.write("실행되었습니다.(3)");
            }
        }
    } else {
        document.write("실행되었습니다.(4)");
    }
}  
결과:
실행되었습니다.(1)
실행되었습니다.(2) //num의 값이 130을 못넘기 때문에 실행되었습니다.(1~2)번만 출력됩니다.

 

 

06. switch문

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    const num = 60;

    switch(num){
        case 90:
            document.write("실행90");
            break;  //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("0");
    }
}
결과:
실행60
 
 
 

07. while문

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    let num = 0;

    while(num < 5){
        document.write(num);
        num++;
    }
}
결과:01234

 

 

08. do while문

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

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

 

 

09. 중첩 if

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    
    for(let i=1; i<=arr.length; i++){     //arr.length : 배열의 갯수 값입니다.
        if (i % 2 == 0){
            document.write(""+i+"");
        } 
        else {
            document.write(`"${i}"`);
        }
}
결과:
"1"2"3"4"5"6"7"8"9"10

 

10. 중첩for문

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    for(let i=1; i<=10; i++){
        document.write(i, "<br>");
        for(let j=1; j<=10; j++){
            document.write(j);
        }
    }
}
결과:
01234

 

11. break문

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    for(let i=1; i<20; i++){
        if(i == 10){
            break;
        }
        document.write(i, " ");
    }
}
결과:
123456789
 
 
 

12. continue문

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

{
    for(let i=1; i<15; i++){
        if(i == 10){
            continue;
        }
        document.write(i," ");
    }
}
결과:
1234567891112131415 //값 10이 넘어갔습니다.

 

 

 

 

데이터 제어문들을 살펴봤습니다!!