[javascript] 문법 정리 - 데이터 제어하기

01 if문

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

02 if문 생략

{
    let num = 100;

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

03 다중 if

{
    let num = 100;

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

 

04 중첩 if

{
    let 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 조건부 연산자

{
    let num = 100;

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

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

 

06 switch문

{
    let 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 <= 10){
      document.write(num + ".반복문이 실행되었습니다.");
      num++;
    }
    
 //1. 반복문이 실행되었습니다.
 //2. 반복문이 실행되었습니다.
 //3. 반복문이 실행되었습니다.
 //4. 반복문이 실행되었습니다.
 //5. 반복문이 실행되었습니다.
 //6. 반복문이 실행되었습니다.
 //7. 반복문이 실행되었습니다.
 //8. 반복문이 실행되었습니다.
 //9. 반복문이 실행되었습니다.
 //10. 반복문이 실행되었습니다.
}

 

08 do while문

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

 

09 for문

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

 

10 중첩 for문

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

 

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]);//100200300400500
    }
    

    //forEach()
    num.forEach(function(el){
    	document.write(el); //100200300400500
    });

    //forEach(element, index, array)
    num.forEach((element, index, array) => {
    	document.write(element);
    	document.write(index);
    	document.write(array);
    });
    //100 0 100200300400500
    //200 0 100200300400500
    //300 0 100200300400500
    //400 0 100200300400500
    //500 0 100200300400500
}

 

12 for of 문

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

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

 

13 for in문

{
    //배열
    const num = [100, 200, 300, 400, 500];

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

    //객체
    const obj = {
        a:100,
        b:200,
        c:300,
        d:400,
        e:500
    }

    for(let key in ojb){
    	document.write(key);
    	document.write(obj[key[);
    }
    //a 100 b 200 c 300 d 400 e 500
}

 

14 break문

{
    let num = 0;
    	while(num < 20){
    	num++;
    	document.write(num);
    	if(num == 10){
    		break;
    	}
    }
    //0 1 2 3 4 5 6 7 8 9 10

    for( let i =1; i<=20; i++){
    	document.write(i, " ");
    	if(i == 10){
    		break;
    	}
    }
    //0 1 2 3 4 5 6 7 8 9 10
}

 

15 continue문

{
    let num = 0;
    
    while(true){
    	num++;
    	if(num == 3){
    		continue;
    	}
    	if(num > 19){
    		break;
    	}
    document.write(num);
    }
    //1  2  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  
}