javascript - for in 과 for of

Javascript이전에 다른 언어를 다뤘던 개발자라면 가끔 실수 하게 되는 것이 있다. 바로 반복문이다.

for ...in 과 for ...of가 있는데 두 반복문은 차이가 있다.

 

 

for ...in

: for in은 해당 객체의 속성들을 순차적으로 접근한다.

 

var obj = {name : "d", id : "d"}

for(var item in obj)
{
    console.log(item)
}


////  결과 output
////  name
////  id

 

for ...of

: 배열 혹은 리스트에서 각 항목에 접근한다

 

var lst = [{ name : "a", id : "a"},{ name : "b", id : "b"}]

for(var item of lst)
{
    console.log(item)
}

/// 결과 Output
///{ name: 'a', id: 'a' }
///{ name: 'c', id: 'b' }