01. if()문 정리

자바스크립트에서 if 문은 조건을 검사하는 조건문입니다.

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

if 문은 조건을 검사하고 조건에 따라 참(true) 또는 거짓(false)에 맞춰 특정 코드 블록을 실행합니다.

결과 확인하기

02. 다중if()문 정리

if()문을 사용할 때 참(true) 또는 거짓(false)외의 조건을 설정할 때 사용합니다.

{
    const num = 100;
    
    if(num == 90) {
        document.write("실행되었습니다.(num = 90)");
    } else if(num == 95){
        document.write("실행되었습니다.(num = 95)");
    } else if(num == 100){
        document.write("실행되었습니다.(num = 100)");
    } else if(num == 105){
        document.write("실행되었습니다.(num = 105)");
    } else {
        document.write("실행되었습니다.");
    }
}

else if()를 통해 참, 거짓 외의 조건을 설정합니다.

결과 확인하기

03. 중첩if()문 정리

자바스크립트(JavaScript)는 .

{
    const num1 = 100;
    if(num1 == 100) {
        document.write("실행되었습니다.1");
        if(num1 == 100){
            document.write("실행되었습니다.2");
            if(num1 == 100){
            document.write("실행되었습니다.3");
            }   
        }
    } else {
        document.write("실행되었습니다.4");
    }
}

결과 확인하기

04. if()문 생략 + 삼항 정리

자바스크립트(JavaScript)는 .

{
    const num2 = 10
    if(num2) {
        document.write("실행되었습니다.1(true)");
    }
    if(num2) {
        document.write("실행완료1. true");
    }
    if(num2) {
        document.write("실행되었습니다.3(true)");
    } else {
        document.write("실행되었습니다.3(false)");
    }
    //삼항 연산자
    (num2 ==100 ) ? document.write("true") : document.write("false");
}

결과 확인하기

05. switch문 정리

자바스크립트(JavaScript)는 .

{
    const num = 100;
    
    switch(num){
        case 90:
            document.write("실행되었습니다.(90)");
            break;
        case 95:
            document.write("실행되었습니다.(95)");
            break;
        case 100:
            document.write("실행되었습니다(100)");
            break;
        case 105:
            document.write("실행되었습니다(105)");
            break;
        default:
            document.write("실행되었습니다.");                
    }
}

결과 확인하기

06. 자료형 정리

자바스크립트(JavaScript)는 .

{
    //1~10
    for(let i=0; i<10; i++){
        document.write(i+1);
    }
    let num=1;
    while(num=10){
        document.write(num);
        num++;
    }
}

결과 확인하기

07. dowhile 정리

자바스크립트(JavaScript)는 .

{
    let n = 1;
    do{
        document.write(n);
        n++;
    }while(n <=10);
}

결과 확인하기

08. 자료형 정리

자바스크립트(JavaScript)는 .

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

    // const num = [10,20,30,40,50,60,70,80,90];
    // document.write("
 2. for array ");
    // for(let i=0; i < num.length; i++){
    //     document.write(num[i]);
    // }
    // document.write("
 3. forEach ");
    // num.forEach(function(el){
    //     document.write(el);
    // });
    // document.write("
 3. forEach");
    // num.forEach((el)=>{
    //     document.write(el);
    // })
    // document.write("
 3. forEach");
    // num.forEach(el=>{
    //     document.write(el);
    // })
    // document.write("
 4. for of");
    // for(let element of num){
    //     document.write(element); // num의 element 값을 받아옴
    // }
    // document.write("
 5. for in");
    // for(let element in num){
    //     document.write(num[element]);
    //     document.write(element);  
    //}
}

결과 확인하기

09. 자료형 정리

자바스크립트(JavaScript)는 .

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

결과 확인하기

10. 자료형 정리

자바스크립트(JavaScript)는 .

{
    document.write("
");
    for(let i=1; i<=10; i++){
        if(i == 5) continue;  // 건너뜀 
        document.write(i+" ");
    }
}

결과 확인하기