조건문 (데이터 제어하는 방법)을 알아보자!

코딩 공부/JAVASCRIPT

조건문 (데이터 제어하는 방법)을 알아보자!

천서리 2023. 2. 28. 23:46

QUOTE THE DAY

“ 당신이 6개월 이상 한 번도 보지 않은 코드는 다른 사람이 다시 만드는 게 훨씬 더 나을 수 있다. ”

- 이글슨 (Eagleson)

조건문(conditional statements)

조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다.
조건문 중에서 가장 기본이 되는 실행문은 if 문입니다.
조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다.
조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.

데이터 제어하기

자바스크립트에서 데이터를 제어하는 종류에는

if문
if문 생략
삼항 연산자
다중 if문
중첩 if문
switch문
while문
do while문
for문
중첩 for문
continue문
break문

이 있습니다.

01. if문

if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않습니다.

{
    // false : 0 , null, undefined, false, ""(빈문자열)
    // true : 1, 2, 3, "0", "1", "ABC", [], {}, true
    if(조건식){
        document.write("실행되었습니다.(true)");
    } else {
        document.write("실행되었습니다. (false)");
    }
}


// 결과 : true : 숫자, 문자, 배열, 객체, true
//	    false : 0, null, undefined, false, ""(빈문자열)

02. if문 생략

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

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

{
    const num = 100;

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

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


// 결과값 : 실행되었습니다.(true)

03. 삼항 연산자

조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다.
조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
삼항 연산자는 조건문에 대한 간단한 대안을 제공합니다.
이 연산자는 조건식을 평가하고, 값이 참이면 첫 번째 식을 실행하고, 거짓이면 두 번째 식을 실행합니다.
if문과 비슷하게 조건을 하나 걸어두고 "?"를 기준으로 참과 거짓을 구분해서 출력합니다.

{
    const num = 100;

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

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


// 결과값 : true

04. 다중 if (else if)

조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다.
조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
다중 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("실행되었습니다");
    }
}


// 결과값 : 실행되었습니다(num == 100)

05. 중첩 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)")
    }
}


// 결과값 : 실행되었습니다.(1)실행되었습니다.(2)실행되었습니다.(3)

참고

중첩 if 문은 if문 안에 여러개의 if문을 작성 할 수 있지만,

너무 많은 중첩 if문은 가독성이 떨어질 수 있습니다.

06. swich문

다중 if문과 비슷하며 다중 if문으로 변경이 가능합니다.
bleak 문을 사용하지 않으면 무한에 빠집니다. (break를 사용하지 않을 수도 있음.)
defalut 키워드는 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");
    }
}


// 결과값 : 0

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

08. do while문

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

// 결과값 : 01234

09. for문

for문과 if문을 사용해서 배열에 있는 값 1부터 9까지 짝수 : 빨간색, 홀수 : 파란색을 실행하는 예제입니다.

if문 안에 또 다른 if문을 중첩하여 사용할 수 있습니다.

{
    const arr = [1,2,3,4,5,6,7,8,9]

    for(let i=1; i<=arr.length; i++){
        if(i % 2 ==0){
            document.write("<span style='color:red'>" + i + "</span>");
        } else {
            document.write(`<span style='color:blue'>${i}</span>`);
        }
    }


// 결과값 : 123456789 (홀수(파랑), 짝수(빨강))

10. 중첩 for문

for문 안에 또 다른 for문을 중첩해서 사용할 수 있습니다.

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


// 결과값 : 1 1234567892 1234567893 1234567894 1234567895 1234567896 1234567897 1234567898 1234567899 12345678910 123456789

11. break문

break문은 반복문 내에서 조건에 값이 충족되면 멈추는 것을 말합니다.

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


// 결과값 : 123456789

참고!

document,write(i); 위치가 다르면 값이 달라집니다. (위와 다르게 값 10이 생김.)

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


// 결과 : 12345678910

12. continue문

continue문은 반복문이 실행될 때 어떤 조건을 제외하고 다음 반복으로 건너뛰는 역할을 한다.

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


// 결과값 : 123456789111213141516171819

참고!

document,write(i); 위치가 다르면 값이 달라집니다. (위와 다르게 값 10이 생김.)

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


// 결과 : 12345678910111213141516171819

현재글조건문 (데이터 제어하는 방법)을 알아보자!

GIT 블로그

Loading data ...

마우스이펙트, 시흥순두부맛집, 이미지텍스트유형, HTML, 리턴 함수, 선언적함수, 카드 유형, jabascript, or연산, 함수, 자바스크립트, xor연산, 오서방닭개장, 매개변수 함수, 안산순두부짬뽕, 텍스트유형, mysql, 코딩, function, javascript,

Today :
Yesterday :

SEOLHEE