[Javascript] for in, for of 차이

for( KEY in object) // 개체, 배열 대상  키 조회

 

for( Value of array) // 배열 대상 값 조회, 개체 안됨

        //[Symbol.iterator] 속성을 가지는 컬렉션 전용( iterable objects )   
    Arrays, Strings, Maps, NodeLists, HTMLCollection ...

 

//--------------

    var arr = [ {a: 1, b:1 }, {a: 2, b:2 } ];

    var obj = { aa: 11, bb: 12} ;    

 

    for(let val in arr){     console.log('in arr', val);   }

    for(let val of arr){     console.log('of arr', val);   }

 

    for(let val in obj){     console.log('in obj', val);   }

    //for(let val of obj){     console.log('of obj', val);   } // obj is not iterable 에러 발생

 

// 결과

in arr 0
in arr 1

of arr {a: 1, b: 1}
of arr {a: 2, b: 2}

 

in obj aa
in obj bb