for in vs for of (자바스크립트)

자바스크립트에서 for in과 for of의 차이점.

자바스크립트에서 for in과 for of는 둘 다 데이터 구조를 루핑하는데 쓰이는 문법이다. 

 

1) for in : 객체(object)가 갖고 있는 property의 key들을 순환한다.

2) for of : array, string, nodeList와 같은 반복가능한 객체(iterable object)의 value를 순환한다.

 

for of와 in의 사용 예제

let list = [4, 5, 6];

for (let i in list) {
   console.log(i); // "0", "1", "2",
}

for (let i of list) {
   console.log(i); // "4", "5", "6"
}

즉, 자바스크립트에서 for of와 in의 구분은 어떤 성질의 Object(반복가능 또는 일반 객체)의 어떤 값(key또는 value)을 순환하는지로 구분한다.