for...in문

객체의 모든 프로퍼티를 순회할 때는 for...in문 사용
for (const/let 프로퍼티 key를 나타낼 변수 선언 in 객체이름)

- 참고: 프로퍼티가 심벌인 프로퍼티는 열거하지 않음

// person 객체 생성
const person = {
  name: 'ppyororong',
  age: '200',
  address: 'Seoul'
};


// person객체 프로퍼티 열거
for (const key in person) {
  console.log(key + ': ' + person[key]);
}

// name: ppyororong 
// age: 200
// address: Seoul

for...of문

배열과 같은 이터러블을 순회할 때는 for...of문 사용
for (const/let 변수 of 이터러블)

- 이터러블 프로토콜을 준수한 객체를 이터러블이라고 하는데, 간단하게 순회 가능한 자료구조들을 생각하면 된다.

ex ) 배열, 문자열, Map, Set 등이 이터러블이며, 일반 객체는 이터러블이 아니다.

for (const color of ['red', 'yellow', 'green']) {
  // color 변수에 'red', 'yellow', 'green'이 할당됨
  
  console.log(color); // red yellow green
}