Javascript 레퍼런스

데이터 제어하기

  1. if문
  2. 다중 if문
  3. 중첩 if문
  4. switch문
  5. 조건부 연산자(삼항 연산자)
  6. if문 생략
  7. while문
  8. do while문
  9. for문
  10. 중첩 for문
  11. forEach문()
  12. for of문
  13. for in문
  14. break문
  15. continue문

01. if문

{
    //true, false --> 1, "1"=true, [ ], { },=true
    //값이정의되지x=undefined, 0, " "=false, 공백=null=false,

    if(true) {
        document.write("*** 01. if문 ***");
        document.write("조건문이 실행되었습니다.(true)");
    } else {
        document.write("*** 01. if문 ***");
        document.write("조건문이 실행되었습니다.(false)");
    }

    // const x = 100;
    // if(x > 1000){
    //     document.write("*** 01. if문 ***");
    //     document.write("조건문이 실행되었습니다.(true)");
    // } else {
    //     document.write("*** 01. if문 ***");
    //     document.write("조건문이 실행되었습니다.(false)");
    // } --> 예시
}

결과보기


02. 다중 if문

{
    let num = 100;

    if( num ==90 ){
        document.write("*** 02. 다중 if문 ***");
        document.write("조건문이 실행되었습니다.(num == 90)");
    } else if ( num == 100 ){
        document.write("*** 02. 다중 if문 ***");
        document.write("조건문이 실행되었습니다.(num == 100)");
    } else if ( num == 200 ){
        document.write("*** 02. 다중 if문 ***");
        document.write("조건문이 실행되었습니다.(num == 200)");
    } else if ( num == 300 ){
        document.write("*** 02. 다중 if문 ***");
        document.write("조건문이 실행되었습니다.(num == 300)");
    } else {
        document.write("*** 02. 다중 if문 ***");
        document.write("조건문이 실행되었습니다.(num == 값이 없음)");
    }
}

결과보기


03. 중첩 if문

{
    let num = 100;

    if( num == 100 ){
        document.write("*** 03. 중첩 if문 ***");
        document.write("조건문이 실행되었습니다.(1)");
        if( num == 100 ){
            document.write("조건문이 실행되었습니다.(2)");
            if( num == 100){
                document.write("조건문이 실행되었습니다.(3)");
            }
        }
    } else {
        document.write("*** 03. 중첩 if문 ***");
        document.write("조건문이 실행되었습니다.(4)");
    } 
}

결과보기


04. switch문

{
    let num = 100;

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

결과보기


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

{
    let num = 100;

    document.write("*** 05. 조건부 연산자(삼항연산자) ***");

    ( num == 100) ? document.write("true") : document.write("false");
    //리액트에서 많이 사용!
}

결과보기


06. if문 생략

{
    let num = 100;

    document.write("*** 06. if문 생략 ***");

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

결과보기


07. while문

{
    document.write("*** 07. while문 ***");

    let num = 1;
    while( num <= 10 ){
        document.write(num + ". 반복문이 실행되었습니다.");
        num++;
    }
}

결과보기


08. do while문

{
    document.write("*** 08. do while문 ***");

    let num = 1;
    do {
        document.write(num + ". 반복문이 실행되었습니다.");
        num++;
    } while ( num <= 10 );
}

결과보기


09. for문

{
    document.write("*** 09. for문 ***");

    // for(초기값; 조건식; 증감값){
    //     실행문
    // }

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

결과보기


10. 중첩 for문

{
    document.write("*** 10. 중첩 for문 ***");

    for (var i=1; i<=5; i++){
        document.write(i + ". 반복문(아이)이 실행되었습니다.");
        for(var j=1; j<=5; j++){
            document.write(j + ". 반복문(제이)이 실행되었습니다.");
        }
    }
}

결과보기


11. forEach문

{
    document.write("*** 11. forEach문() : 배열에서 사용 ***");

    const num = [100, 200, 300, 400, 500];

    document.write(num[0]);
    document.write(num[1]);
    document.write(num[2]);
    document.write(num[3]);
    document.write(num[4]);

    //for문을 이용
    for(let i=0; i<num.length; i++){
        document.write(num[i]);
    }
    
    //for문을 이용
    num.forEach(function(el){
        document.write(el);
    });

    //forEach(element, index, array)
    num.forEach((element, index, array) => {
        document.write(element);
        document.write(index);
        document.write(array);
    });
}

결과보기


12. for of문

{
    document.write("*** 12. for of문 : 배열에서 사용  ***");

    const num = [100, 200, 300, 400, 500];

    for( let i of num){
        document.write( i + ". 반복문이 실행되었습니다." );
    }
}

결과보기


13. for in문

{
    document.write("*** 13. for in문 : 객체에서 사용  ***");

    //배열에서 불러오기
    const num = [100, 200, 300, 400, 500];

    for( let i in num ){
        document.write(num[i]);
    }

    //객체에서 불러오기
    const obj = {
        a: 100,
        b: 200,
        c: 300,
        d: 400,
        e: 500
    }

    for( let key in obj ){
        document.write(key);
        document.write(obj[key]);
    }
}

결과보기


14. break문

{
    document.write("*** 14. break문  ***");

    //while 문을 이용해서 1부터 20까지 출력을 해주세요!!
    let num = 0;
    while( num < 20 ){
        num++;
        document.write(num);
        if( num == 10 ){
            break;
        }
    }

    //for 문을 이용해서 1부터 20까지 출력을 해주세요!!
    for( let i=1; i<=20; i++){
        document.write(i);
        if( i == 10 ){
            break;
        }
    }
}

결과보기


15. continue문

{
    document.write("*** 15. continue문  ***");

    let num = 0;
    while( true ){
        num++;
        if( num == 3 ){
            continue;
        }
        if( num > 19 ){
            break;
        }
        document.write(num);
    }
}

결과보기