>  기사  >  웹 프론트엔드  >  JavaScript 개체 배열에서 유사한 키에 대한 값을 집계하는 방법은 무엇입니까?

JavaScript 개체 배열에서 유사한 키에 대한 값을 집계하는 방법은 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-11-24 19:23:20949검색

How to Aggregate Values for Similar Keys in an Array of JavaScript Objects?

객체 배열의 유사한 키에 대한 값 집계

각 객체가 "name"이라는 키를 소유하는 객체 배열이 있는 경우 그리고 해당 값이 있는 경우 작업은 개체를 "이름"별로 그룹화하고 "값" 속성을 축적하는 것입니다. 예를 들어 다음 배열이 있는 경우:

[
    { 'name': 'P1', 'value': 150 },
    { 'name': 'P1', 'value': 150 },
    { 'name': 'P2', 'value': 200 },
    { 'name': 'P3', 'value': 450 }
]

원하는 출력은 다음과 같습니다.

[
    { 'name': 'P1', 'value': 300 },
    { 'name': 'P2', 'value': 200 },
    { 'name': 'P3', 'value': 450 }
]

이 집계를 달성하려면 다음과 같은 반복 접근 방식을 채택할 수 있습니다.

  1. 이름-값 쌍을 보관할 객체 생성: 빈 객체 생성으로 시작 물체. 이 객체는 객체의 이름-값 쌍을 저장하는 데 사용됩니다.
  2. 배열을 반복하고 값을 누적합니다. forEach를 사용하여 객체 배열을 반복합니다. 각 객체에 대해 객체의 "이름" 속성이 보유 객체에 속성으로 존재하는지 확인하세요. 존재하는 경우 개체의 "값" 속성을 기존 값에 추가합니다. 존재하지 않는 경우 "name" 속성의 값을 개체의 "value" 속성으로 설정합니다.
  3. 집계된 개체로 새 배열 생성: 모든 값이 보유 객체인 경우 새 배열을 만듭니다. 보유 개체의 속성을 반복하고 "이름" 및 "값" 속성을 가진 새 개체를 배열에 푸시합니다.

이 반복 접근 방식을 사용하면 동일한 "이름"을 가진 개체가 함께 그룹화되고 그에 따라 "가치" 속성이 누적됩니다.

위 내용은 JavaScript 개체 배열에서 유사한 키에 대한 값을 집계하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.