[JavaScript] for~in과 for~of의 차이

👀 for ~ in

:객체 반복문

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

for (let prop in obj) {
  console.log(prop)       // a, b, c  객체의 keys 출력
  console.lof(obj[prop])  // 1, 2, 3  객체의 values 출력
}

👀 for ~ of

:배열 반복문

let arr = [1, 2, 3];

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