자바스크립트 for... in 구문 정리

자바스크립트 for... in 구문은 객체의 키 및 속성 값을 반환하는 데 사용할 수 있으며, 다음과 같은 형태로 반복할 객체의 프로퍼티를 받을 변수를 선언하여 사용한다. (예제 출처는 MDN).

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

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

// 출력값
// "a: 1"
// "b: 2"
// "c: 3"

한 가지 주의할 점은 for.. in 구문은 임의의 순서로 객체 속성을 반복한다는 것이다. for... in 구문은 특정 순서에 따른 값 반환을 보장하지 않는다. 따라서 배열 반복에는 사용하지 않는 것이 좋으며, 객체의 속성을 확인하는 디버깅에서 많이 사용한다.

 

참고 자료

• MDN, for... in 구문 설명