[JavaScript] for-in, for-of, forEach의 차이

for-in

• 객체의 모든 열거 가능한 속성에 대해

let obj = {
  a: 'A',
  b: 'BB',
  c: 'CCC'
};

for (let name in obj) {
  console.log(`${name}: '${obj[name]}');
}
// a: 'A', b: 'BB', c: 'CCC'

for-of

• [Symbol.iterator] 속성이 있는 컬렉션 요소에 대해

let coll = ['A', 'BB', 'CCC'];

for (let item of coll) {
  console.log(item);
}
// 'A', 'BB', 'CCC'

.forEach()

• 배열에만 사용 가능한 배열의 메소드

let arr = ['A', 'BB', 'CCC']

arr.forEach(i => console.log(i));
// 'A', 'BB', 'CCC'

참고한곳

• for...of # for...of와 for...in의 차이 @ MDN
• 자바스크립트 for in vs for of 반복문 정리 @ JSDEV/kkd927