for ...in 과 for ...of 의 차이

자바스크립트 코드를 짜다보면 반복문 중에 for, for...in, for...of, forEach 를 자주 쓰게 된다. 각각의 차이점을 간단하게 정리해본다.

• for와 for...in은 index 를 반환하고, for...of와 forEach는 값을 반환한다.
• for...in은 객체에서 사용하고, for...of는 배열에서 사용한다.
• 속도는 for문이 가장 빠르다.

arr = [1, 2, 3]
obj = {
  0: "a",
  1: "b",
  2: "c"
}

for (let i in obj) {
  console.log(i) // '0', '1', '2'
}

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

for (let i in arr) {
  console.log(i) // '0', '1', '2'
}