JavaScript_반복문 (for in, for of, forEach)

[for]

1.일반적인 반복문

      

      

      

    
    

      <javascript />
    
for(var i=1; i<11; i++){
	console.log(i) // 1부터 10까지 출력
}

 

 

[for in] : 객체의 프로퍼티 키 출력

- 객체가 상속받는 모든 프로퍼티 키를 출력한다 (Key : Value일 경우 Key값만 표시)

      

      

      

    
    

      <javascript />
    
var obj ={
    "a" : 1,
    "b" : 2,
    "c" : 3,
    "d" : 4, 
    "e" : 5
}
// obj변수를 선언하면서 Key를 소문자 Value를 대문자로 선언

for(obj_print in obj){
	console.log(obj_print);
}
// 출력 : a,b,c,d,e

 

 

[for of] : 이터러블 

- 이터러블 : String, Array, Map, Set, DOM컬렉션(HTMLCollection, NodeList)등이 존재

      

      

      

    
    

      <javascript />
    
var arr = [10, 20, 30]; 

for (var item of arr){ 
	console.log(item); // 10, 20, 30 출력
}

 

 

[forEach] : 배열순회 전용 메서드

      

      

      

    
    

      <javascript />
    
var arr = [1,2,3]; //배열arr에 1,2,3 추가

arr.forEach(arr_result => console.log(arr_result)); 
//forEach를 사용하여 arr_result라는 변수에 arr의 갯수만큼 저장하여 반복시키면서 arr_result 출력