자바스크립트에서 객체의 속성을 순회하고 키-값 쌍을 처리할 때 Object.entries() 메서드는 매우 유용한 도구입니다. 이 메서드를 사용하면 객체의 속성을 [키, 값] 쌍의 배열로 변환하여 순회할 수 있습니다.

Object.entries() 메서드

Object.entries() 메서드는 주어진 객체 자신의 열거 가능한 문자열 키-값 쌍에 대해 [키, 값] 쌍의 배열을 반환합니다. 이 배열은 객체가 소유한 속성만 표시하며, 상속된 속성은 나타나지 않습니다.

다음은 Object.entries() 메서드를 사용하여 객체를 순회하는 간단한 예제입니다.

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

for (const [key, value] of Object.entries(person)) {
  console.log(`${key}: ${value}`);
}

위 예제에서 Object.entries() 메서드는 ‘person’ 객체의 속성을 [키, 값] 배열로 반환합니다. 그런 다음 for…of 루프를 사용하여 배열을 순회하고 각 키-값 쌍을 처리합니다.

활용 예제

Object.entries() 메서드는 객체의 속성을 순회하고 키-값 쌍을 처리하는 데 유용합니다. 예를 들어, 객체를 반복하여 각 속성의 값을 확인하거나 필터링하는 데 사용할 수 있습니다.

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

// 값이 숫자인 속성만 출력
for (const [key, value] of Object.entries(person)) {
  if (typeof value === 'number') {
    console.log(`${key}: ${value}`);
  }
}

위 예제에서는 Object.entries() 메서드를 사용하여 ‘person’ 객체를 반복하고, 값이 숫자인 속성만을 출력하고 있습니다.

Object.entries() 메서드는 ES8(ES2017)에서 도입되었으며, 자바스크립트 환경에서 널리 지원됩니다.

이와 같이 Object.entries() 메서드를 사용하면 객체의 키-값 쌍을 손쉽게 순회하고 처리할 수 있습니다.