for in, for of (배열, 객체)

🐞 for in, for of 쓸 때마다 헷갈려서 간단하게만 정리

🍫 배열 에서의 [for in, for of]

• for ~ in : 배열의 index 순회
• for ~ of : 배열의 요소 순회

let arr = ['a','b','c','d'];

for (let key in arr) {
  console.log(key);
}
// 0, 1, 2, 3

for (let key of arr) {
  console.log(key);
}
// 'a', 'b', 'c', 'd'

🍫 객체에서의 [for in, for of]

• for ~ in : 객체의 key값 순회
• for ~ of : not iterable이어서 사용 불가능
  (iterable 속성은 추후 더 깊게 공부하게 되면 다시 정리해야겠다..)

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

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