[JS] for...in vs for...of

for...in

• 객체의 모든 열거 가능한 속성들에 대해 반복
• 객체의 key 값에 접근 (value에는 직접 접근 불가)

for...of

• 반복 가능한 객체(Array, Map (en-US), Set, String, TypedArray, arguments 등)에 대해서 반복
• [Symbol.iterator] 속성을 가지는 컬렉션 전용

Object.prototype.objCustom = function () {};
Array.prototype.arrCustom = function () {};

let iterable = [3, 5, 7];
iterable.foo = "hello";

for (let i in iterable) {
  console.log(i); // logs 0, 1, 2, "foo", "arrCustom", "objCustom"
}

for (let i of iterable) {
  console.log(i); // logs 3, 5, 7
}

참고 자료
mdn - for...in
mdn - for...of
자바스크립트 for in vs for of 반복문 정리