데이터 제어문 완벽 정리

데이터 제어문 종류
 if문, if문 생략, 삼항 연산자, 다중 if문, 중첩 if문, switch문, while문, do while문, for문, 중첩 for문, 
 continue문, break문

✍🏻 if문 ✍🏻 

조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다.

조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.

조건이 참일 경우 실행할 코드를 작성합니다.

{    
    if(조건식){
        document.write("실행되었습니다.(true)");   // 참 실행
    } else {
        document.write("실행되었습니다.(false)");  // 거짓 실행
    };
}

📍 값에 따라 true, false가 나뉩니다. 📍

true : 1, 2, "0", "1", "ABC", [], {}, true ..... flase를 제외한 나머지

false : 0, null, undefined, false, ""(빈문자열)

✍🏻 if문  생략✍🏻 

if문이나 else 문에서 명령이 한줄이면 중괄호{ }를 생략해서 좀 더 간단하게 작성할 수 있습니다.

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

 

✍🏻 삼항 연산자✍🏻 

삼항 연산자는 소스가 복잡할 경우 if else문 대신에 간단한 조건식을 사용할 수 있게 해줍니다.

이 연산자는 조건이 참(true)인 경우에는 처음에 나오는 값(참)을 반환하고, 거짓(false)인 경우에는 그 다음 값인

두 번째 값(거짓)을 반환합니다.기존 if문보다 더 효율적으로 사용이 가능합니다.

 

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

 

✍🏻 다중 if문 ✍🏻

여러 개의 조건 중 하나가 참(true)인 경우 해당하는 값을 실행하고 전체 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("실행되었습니다.");
    };
}

 

✍🏻 중첩 if문 ✍🏻

중첩 if문은 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)");
    };
}

 

✍🏻 switch문 ✍🏻

복수의 if 조건문은 switch문으로 바꿀 수 있습니다.

조건에 맞으면 break 키워드에 맞으면 그 실행문에서 끝납니다.

 switch문을 사용한 비교법은 특정 변수를 다양한 상황에서 비교할 수 있게 해줍니다.

{
    const num = 100;

    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("실행50");
            break;
        default:
            document.write("0");
    };
}

break 키워드를 안쓰게 되면 무한으로 빠지면서 모든 case 키워드를 실행합니다.

defalut 키워드는 switch문의 값과 일치하는 값이 없을 때 실행합니다.

 

✍🏻 while문 ✍🏻

while문은 조건이 참인 동안 입력한 배열 혹은 객체의 속성에 맞게 반복적으로 코드를 실행하는 루프를 생성합니다.

for문으로 변경 가능한 for문과 같은 반복문이지만 표현 방식이 다르며

조건식에 맞지 않으면 한 번도 실행이 안 될 수 있고, 무한으로 빠질 수 있습니다.

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

 

✍🏻 do while문 ✍🏻

do while문은 조건식을 마지막에 평가하는 반복문입니다.

또한 코드블럭이 최소 한 번은 실행 돼야 할 때 유용하며 일반적으로 조건이 참이거나 거짓같은

반복문을 실행해야할 경우 사용되며 조건에 따라 반복을 계속할 지 결정할 때 사용하는 것은 while문과 동일하나

무조건 중괄호({ })를 한 번 실행하고, 코드블록을 실행한 후 조건식을 검사하여 조건이 참이면 코드 블록을 다시 실행하고,

조건이 거짓이면 반복문을 종료합니다.

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

 

✍🏻 for문 ✍🏻

for문은 같은 동작을 쉽게 반복하는 반복문입니다.

for문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리하며

반복 횟수를 정확히 알고 있을 때 주로 쓰입니다.

for문은 몇 번 반복했는지 기록하기 위해 카운터를 사용하고 for문의 첫 번째 항에 카운터 변수를 지정합니다.

// 숫자 나열하기 예제
{
    let num = [1, 2, 3, 4, 5, 6, 7, 8, 9];

    for(let i=0; i<num.length; i++){
        document.write(arr[i] + ",");
    }
}

✍🏻 중첩 for문 ✍🏻

중첩 for문은 하나의 for문 내부에 또 다른 for문을 포함합니다.

중첩 for문은 반복문을 중첩하여 복잡한 로직을 처리하거나 이차원 배열 등 다차원 데이터를 처리할 때 사용됩니다.

let table = "<table border='1'>";
let num = 1;

for(let i=1; i<=5; i++){
    table += "<tr>";
    for(let j=1; j<=5; j++){
        table += "<td>"+num+"</td>";
        num++;
    }        
    table += "</tr>";
}

table += "</table>";

document.write(table);

//25칸 테이블 만들기 예제

 

✍🏻  continue문 ✍🏻  

continue문은 반복문 안에서 사용되며 break문을 만나면 실행의 흐름은 남은 코드를 실행하지 않고 반복문을 빠져나가

반복문 다음으로 이동합니다.continue문은 보통 for문, while문 등과 함께 사용됩니다.continue문은 반복문 내에서 조건문과 함께 사용하여 특정 조건을 만족하는 경우에만 현재 반복을 건너뛰도록 할 수도 있습니다.

이를 통해 반복문 실행 중 특정 조건에 따라 일부 작업을 생략하고 다음 작업으로 이어나갈 수 있습니다.

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

✍🏻  break문✍🏻 

break문은 현재 실행문을 중지시키고 다음 실행문으로 이동합니다.

break문은 반복문이나 switch문을 종료할 때 사용됩니다.

break문은 주로 for문, while문, do-while문과 같은 반복문에서 사용됩니다.

반복문 내에서 break문이 실행되면, 반복문은 즉시 종료됩니다.

switch문에서 break문을 사용하면, switch문에서 해당 case의 실행이 끝난 후, switch문을 즉시 종료합니다.

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

 

 

✨ 감사합니다