> 웹 프론트엔드 > JS 튜토리얼 > jQuery를 사용하여 특정 속성을 기준으로 배열의 개체를 그룹화하고 합산하려면 어떻게 해야 합니까?

jQuery를 사용하여 특정 속성을 기준으로 배열의 개체를 그룹화하고 합산하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-11-17 09:30:03
원래의
669명이 탐색했습니다.

How Can I Group and Sum Objects in an Array by a Specific Property Using jQuery?

배열에서 객체 그룹화 및 합산

객체 배열을 특정 속성으로 그룹화하고 jQuery에서 다른 속성을 합산하려면 다음 단계를 활용할 수 있습니다:

1. 루프 및 축소:
$.each() 함수를 사용하여 배열을 반복하고 각 객체에 대해 동일한 그룹화 속성을 가진 객체가 결과 배열에 이미 존재하는지 확인합니다. 그렇지 않은 경우 그룹화 속성과 초기 수량 0으로 새 개체를 만듭니다. 이 개체를 결과 배열에 추가합니다.

2. 속성 합산:
루프 내에서 현재 객체의 합산하려는 속성 값(예: qty)을 결과 배열의 해당 객체에 추가합니다. 이는 각 그룹의 수량을 효과적으로 누적합니다.

다음은 jQuery를 사용하는 예제 코드입니다.

var array = [
  { Id: "001", qty: 1 },
  { Id: "002", qty: 2 },
  { Id: "001", qty: 2 },
  { Id: "003", qty: 4 }
];

var result = [];
$.each(array, function(i, obj) {
  var idx = result.findIndex(x => x.Id === obj.Id);
  if (idx === -1) {
    result.push({ Id: obj.Id, qty: 0 });
    idx = result.length - 1;
  }
  result[idx].qty += obj.qty;
});

console.log(result);
로그인 후 복사

이 코드는 다음 출력을 기록합니다.

[
  { Id: "001", qty: 3 },
  { Id: "002", qty: 2 },
  { Id: "003", qty: 4 }
]
로그인 후 복사

이러한 단계를 수행하면 배열에 있는 개체의 속성을 효과적으로 그룹화하고 합산하여 데이터에서 귀중한 통찰력을 추출할 수 있습니다.

위 내용은 jQuery를 사용하여 특정 속성을 기준으로 배열의 개체를 그룹화하고 합산하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿