티스토리 뷰

01. if문

{
    //조건문
    *중요함//true, false, 1, "1", 0, "0", null, undefined, [], {}
    if(true){
       document.write("실행되었습니다.(true)"); 
    } else {
        document.write("실행되었습니다.(false)");
    }
}

결과보기

실행되었습니다.(true)

02. if문 생략

{
    const num = 100;

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

결과보기

실행되었습니다.(true)

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 {//마지막엔 if를 사용하지 않음
        document.write("실행되었습니다(num==값이없음)");
    }
}

결과보기

실행되었습니다(num==100)

04. 중첩 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)

05. 삼항연산자

{
    const num = 100;

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

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

결과보기

true

06. switch문 //조건을 넣을수 없음

{
    const num = 100;

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

결과보기

실행되었습니다(num==100)

07. while문

{
    let num = 1;

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

결과보기

1. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.

08. do while문

{
    let num = 1;

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

결과보기

1. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.

09. for문

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

결과보기

1. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.

10. 중첩 for문

{
    for( let i=1; i<=2; i++){
        document.write(i + ". 실행(i)되었습니다.");
        for(let j=1; j<=3; j++){
            document.write(j + ". 실행(j)되었습니다.");
        }
    }
}

결과보기

1. 실행(i)되었습니다.
1. 실행(j)되었습니다.
2. 실행(j)되었습니다.
3. 실행(j)되었습니다.
2. 실행(i)되었습니다.
1. 실행(j)되었습니다.
2. 실행(j)되었습니다.
3. 실행(j)되었습니다.

11. break문

{
    //while문을 이용해서 0~10까지 출력하시오!
    let num = 1;
    while(num <= 10){
        document.write( num );
        if(num == 10){
            break;
        }
        num++;
    }
    //for문을 이용해서 0~10까지 출력하시오!
    for(let i=1; i<=10; i++){
        document.write(i);
        if(i == 10){
            break;
        }
    }
}

결과보기

12345678910
12345678910

12. continue문 - 한번 쉬고 그다음 값으로 넘어감

{
    //while문을 이용해서 1~10까지 출력
    let num = 0;
    while(num < 10){
        num++;            
        if(num == 5){
            continue;
        }
        document.write(num);
    }
    //for문을 이용해서 1~10까지 출력
    for(let i=1; i<=10; i++){
        if( i == 5){
            continue;
        }
        document.write(i);
    }
}

결과보기

1234678910
1234678910

'Javascript' 카테고리의 다른 글

Javascript 이벤트 버블링 / 캡쳐링  (0) 2022.02.23
배열 Method  (0) 2022.02.15
Javascript 함수의 종류 (1)  (0) 2022.02.14
Javascript 데이터 불러오는 방법  (0) 2022.02.14
Javascript 데이터 저장 방법  (0) 2022.02.10
댓글
© 2018 webstoryboy