for of VS for in

배열과 객체에 사용할 수 있는 반복문으로

for in은 배열의 인덱스에 접근하여 값을 반환하는 반면 for of는 배열의 값 자체에 접근한다.

 

let arr = [10, 20, 30];

for(let num of arr) {
  console.log(num); // for of 반복문의 콘솔 10 20 30
}

for(let num in arr) {
  console.log(num); // for in 반복문의 콘솔 0 1 2
}

 

for in은 객체의 속성을 순회하기 위해 배열의 속성이자 key에 해당하는 index를 반환하며 순회한 것이며

for of는 반복 가능한 배열의 요소를 순회하기 때문에, data를 직접 순회한 것이다.

 

for in - 객체의 열거 가능한 속성에 대해 반복한다.

for of - 반복 가능한 속성을 가지는 컬렉션(Array, Objects, Map, ...)에 대해 반복한다.