[javascript] map() 메서드를 사용하여 객체 순회하기

JavaScript에서는 map() 메서드를 사용하여 배열을 순회하고, 각 요소에 특정 함수를 적용할 수 있습니다. 그러나 객체를 순회하기 위해서는 조금 다른 방식이 필요합니다.

Object.keys() 메서드

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

Object.keys(obj).map(key => {
  // 각 key에 대해 작업 수행
  console.log(key, obj[key]);
});

위의 예제에서, Object.keys() 메서드는 객체의 속성 이름들을 배열로 반환합니다. 이후 map()을 사용하여 각 속성에 대해 작업을 수행할 수 있습니다.

Object.entries() 메서드

또 다른 방법으로 Object.entries() 메서드를 사용할 수 있습니다.

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

Object.entries(obj).map(([key, value]) => {
  // 각 key-value 쌍에 대해 작업 수행
  console.log(key, value);
});

Object.entries() 메서드는 객체의 키-값 쌍을 배열로 반환하며, 이를 통해 속성에 대한 작업을 수행할 수 있습니다.

객체를 순회하고 작업을 수행하기 위해 map() 메서드를 사용할 때, Object.keys() 또는 Object.entries() 메서드를 활용하여 효과적으로 작업할 수 있습니다.

더 자세한 내용은 MDN web docs를 참고하세요.