Javascript

01. if문 (제어문)

제어문 : 조건문, 반복문, 중지, 건너뛰기

{
    //if = 만약에 ~ 하면
    //if(조건삭)
    //true, 1, "0", "1", 10, 0<10, []배열, {a:100}객체 - true가 나온다.
    //false, 0, undefined, null - false가 나온다.  - 보통 0과 false말고는 거의 true가 나온다.
    if(2){
        document.write("실행되었습니다(true).");
    } else {
        document.write("실행되었습니다(false).");
    }
    //조건식에 뭐가 들어가냐에 따라 트루인지 펄스가 나오는 지 알아야 한다.
}

02. if문 생략

{}를 없애고 한번에 입력해도 가능

{
    const num = 100;

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

03. 다중 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("실행되었습니다(값이없음).");
    }
}

04. 중첩 if문

중첩 for문과 비슷하며 매우 많이 사용한다.

{
    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).");
    }
}

05. 조건부 연산자 (=삼항 연산자)

조건부 연산자는 ture만 읽기 때문에 많은 양 데이터 처리에 적합하다.

{
    //num값이 100이면 true를 출력하고 아니면 false를 출력하시오.

    //if문
    const num = 100;

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

    // 위 문법에서는 if가 if문 안에 있는 모든 것을 읽어서 많은 양의 데이터를 처리하기엔 비효율적 때문에 조건부 연산자를 사용하여 값을 표현해준다.

    //조건부 연산자
    (num == 100)  ?  document.write("true") : document.write("false"); 
}

06. switch문

죽은 문법으로 거의 사용하지 않는다.

{
    const num = 100;

    switch(num){
        case 100 : 
            document.write("실행되었습니다(num == 100).");
            break;
        case 110 : 
            document.write("실행되었습니다(num == 110).");
            break;
        case 120 : 
            document.write("실행되었습니다(num == 120).");
            break;
        case 130 : 
            document.write("실행되었습니다(num == 130).");
            break;
        default : 
            document.write("실행되었습니다(num == 값이 없음).");
    }
}

07.while문(반복문)

조건에 맞아야 나오며 조건이 안맞으면 아예 실행이 되지 않는다. 때문에 조건은 참이어야 실행이 가능하다.

{
    let num = 1;

    while (num <= 5){
        document.write("실행되었습니다.");
        num++;
    }

    //for문

    for(let i=0; i<=5; i++){
        document.write("실행되었습니다.");
    }
}

08. do while(반복문)

조건에 맞지 않아도 do를 먼저 실행시키기 때문에 첫번째는 무조건 실행시킨다.

{
    let num = 1;

    do {
        document.write("실행되었습니다2.");
        num++;
    } while(num <=5);
}

09. for문

배열 안 데이터가 아닌 바로 for문을 사용한다.

{
    for( let i=0; i<100; i++){
        document.write(i+". 실행되었습니다.")
    }

    let num = [1, 2, 3, 4, 5, 6, 7, 8, 9];

    for(let i=0; i<num.length; i++)
        document.write(num[i] + ". 실행되었습니다.")
}

10. 중첩 for문

배열 안 데이터가 아닌 바로 for문을 사용한다.

{
    for(let i=1; i<=2; i++){
        document.write(i + "실행");
        for(let j=1; j<=5; j++){
            document.write(j + "실행");
        }
    }
}

11. break문

특별한 조건을 만나면 for문 (or while문)의 반복을 종료, 끝내기를 의미한다. + 죽은 문법으로 거의 사용x

{
    for (let i=1; i <= 20; i++) {
        document.write(i);
        if (i === 10){
            break;
        }
        // 조건이 i가 10이랑 완전히 같을 때 break를 실행시키기 때문에 10에서 끝난다.
        // if( i == 10 ) //성질이 같다.같다. - 겉모습만 검사
        // if (i === 10) // 완전 비교 - 유전자 까지 검사
    }
}

12. continue문

특별한 조건을 만났을 경우 continue는 반복을 끝내지 않으며, 특별한 조건을 실행하지 않고 그 조건의 다음 반복을 시작.

{
    for (let i = 1; i <= 20; i++) {
        if (i === 10){
            continue; 
        }
        //처음부터 시작 break는 끝내기를 의미 continue 10번 부터 시작
        //continue는 출력 명령을 if문 뒤에 선언해준다.
        document.write(i); // 특별한 조건이었던 10이 사라진다. // 죽은 문법으로 실무에서 거의 사용x
    }
}