01. if문

조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.

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

if문의 true 값과 false값

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

02. 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"); //삼항을 썼을 때
}

결과 확인하기
true // 둘 다 같은 결과입니다.

04. 다중 if (else if)

if문과 else문 사이에 추가되며, 다양한 조건을 검사할 때 사용됩니다.

{
    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문을 중첩해서 사용할 수 있습니다.
이 경우, 바깥쪽 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)

09. for문

가장 기본적인 반복문 중 하나입니다.
반복해서 코드를 실행할 때 사용됩니다.
반복문을 이용하면 같은 코드 블록을 여러 번 실행할 수 있습니다.

for(let i=1; i<=100; i++){
    document.write(i);
}
결과 확인하기
1
2
3
4
.
.
.
100
>>>>>>> bdd8b6e36009ead17649e4a0f737e65d18f71996:html/javascript/javascript04.html
<<<<<<< HEAD:javascript/javascript08.html ======= >>>>>>> bdd8b6e36009ead17649e4a0f737e65d18f71996:html/javascript/javascript04.html