자바스크립트 for of vs for in

for ...in

for ...of

아직도 헷갈리는 for in for of
이번 참에 간단하게 정리하고, 향후 보강해나갈 에정이다.

for ...in (객체 순환)

let obj = {
  a: 1,
  b: 2,
  c: 3
};

for (let item in obj) {
  console.log(item) // a, b, c
}

for ...in을 사용하면 객체의 프로퍼티가 나온다.

let obj = {
  a: 1,
  b: 2,
  c: 3
};


for (let item of obj) {
  console.log(item) // Uncaught TypeError: obj is not iterable
}

for ...of 사용 시 에러가 나온다!
iterable하지 않기 때문 👏

for ...of (배열 순환)

var arr = [1, 2, 3];

for (var item of arr) {
  console.log(item); // 1, 2, 3
}

배열 순환 정상적으로 작동

var arr = [1, 2, 3];

for (var item in arr) {
  console.log(item); // 0, 1, 2
}