for...in

for...in 구문은 JavaScript에서 객체의 열거 가능한 속성을 반복적으로 순회하는 데 사용됩니다.

이 구문은 객체의 속성을 열거하는 데 유용하지만, 배열을 순회하는 데 사용하는 것은 권장되지 않습니다.

배열을 순회할 때에는 for...of 구문을 사용하는 것이 더 적합합니다.

for...in 구문의 기본적인 구조는 다음과 같습니다:

 

for (variable in object) {
  // 코드 블록
}

 

기서 variable은 각 반복에서 객체의 속성을 가리키는 변수입니다. object는 반복할 객체입니다.

예를 들어, 다음은 객체의 속성을 순회하고 각 속성의 키와 값을 출력하는 예시입니다:

 

const person = {
  name: "John",
  age: 30,
  gender: "male"
};

for (let key in person) {
  console.log(key + ": " + person[key]);
}

 

name: John
age: 30
gender: male

 

 

 

 

for...in 구문은 객체의 프로토타입 체인에 있는 모든 열거 가능한 속성을 반복하므로,

객체에 직접 추가한 속성 뿐만 아니라 프로토타입 체인 상의 속성도 포함됩니다.

따라서 반복문 내에서 hasOwnProperty() 메서드를 사용하여 객체 자체의 속성인지 확인하는 것이 안전합니다.

 

 

https://momomooo.tistory.com/86

프로토타입 체인