Javascript 루프문 정리(2) for...in문

for...in 루프문은 자바스크립트에서 객체의 속성들을 반복하며 접근할 때 사용됩니다. 이 루프문은 객체의 속성들을 반복하며 각 속성 이름을 변수에 할당합니다. 아래는 for...in 루프문의 구조와 사용 방법에 대한 설명입니다.

for...in 루프문의 구조

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

• 변수: 각 속성 이름이 할당될 변수입니다.
• 객체: 속성을 반복하며 접근할 객체입니다.

for...in 루프문의 사용 방법

1. 객체의 속성들을 출력하는 경우:

const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
  console.log(key);
}
// a, b, c

• obj 객체의 각 속성 이름(key)을 변수에 할당하여 반복문을 실행합니다.

2. 객체의 속성들의 값을 출력하는 경우:

const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
  console.log(`${key}: ${obj[key]}`);
}
// a: 1, b: 2, c: 3

• obj[key]를 통해 각 속성의 값을 가져올 수 있습니다.

for...in 루프문은 객체의 속성들을 반복하며 접근할 때 유용합니다. 이 루프문을 사용하면 객체의 속성들을 쉽게 접근하고, 객체를 동적으로 조작할 수 있습니다. 단, for...in 루프문은 배열을 반복하는 데에는 적합하지 않으며, 순서가 보장되지 않을 수 있습니다. 배열을 반복할 때는 for 루프문이나 forEach() 메서드를 사용하는 것이 좋습니다.

Javascript 루프문 정리(0) 개요

Javascript 루프문 정리(1) for문

Javascript 루프문 정리(2) for...in문

Javascript 루프문 정리(3) for...of문

Javascript 루프문 정리(4) while문

Javascript 루프문 정리(5) do...while문

Javascript 루프문 정리(6) forEach문

Javascript 루프문 정리(7) map문

Javascript 루프문 정리(8) filter문