JavaScript for...in 루프 (객체, 배열 사용)

자바스크립트에서 for...in 루프는 객체의 열거 가능한 프로퍼티를 반복하는 데 사용되는 문법입니다. 이 루프는 객체의 직접 정의된 프로퍼티뿐만 아니라 상속된 프로퍼티도 반복합니다.

기본 구조

for...in 루프의 기본 구조는 다음과 같습니다:

for (변수 in 객체) {
// 반복할 코드
}

변수: 각 반복에서 객체의 현재 프로퍼티 이름을 가집니다.
객체: 반복할 객체입니다.

예제: 객체의 프로퍼티 반복하기

let person = {
name: 'John',
age: 30,
city: 'New York'
};

for (let key in person) {
console.log(key + ': ' + person[key]);
}
// 출력:
// name: John
// age: 30
// city: New York

배열 반복하기

배열도 객체의 일종이므로 for...in 루프를 사용하여 배열을 반복할 수 있습니다. 그러나 일반적으로 배열을 반복하는 데는 for...of 루프나 기타 배열 메서드를 사용하는 것이 좋습니다.

상속된 프로퍼티 건너뛰기

for...in 루프는 객체 자체의 프로퍼티와 함께 상속된 프로퍼티도 반복합니다. 객체 자체의 프로퍼티만 반복하려면 hasOwnProperty 메서드를 사용해야 합니다.

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