Javascript) for..in 과 for..of의 차이점

for..in (주로 Object를 for문 돌릴때 사용)

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}

// expected output:
// "a: 1"
// "b: 2"
// "c: 3"

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...in

for..of(주로 Array를 for문 돌릴때 사용)

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

// expected output: "a"
// expected output: "b"
// expected output: "c"

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...of