> 웹 프론트엔드 > JS 튜토리얼 > 동일한 키를 공유하는 배열의 JavaScript 개체를 어떻게 병합할 수 있나요?

동일한 키를 공유하는 배열의 JavaScript 개체를 어떻게 병합할 수 있나요?

Patricia Arquette
풀어 주다: 2024-11-02 02:55:02
원래의
917명이 탐색했습니다.

How can I merge JavaScript objects in an array that share the same key?

동일한 키를 사용하여 배열의 JavaScript 개체 병합

공통 키를 공유하는 JavaScript 개체의 배열 콘텐츠를 효과적으로 결합하려면 신뢰할 수 있는 한 가지 솔루션에 다음이 포함됩니다.

  1. 기존 요소 식별: 먼저 배열을 반복하면서 필터 메소드를 사용하여 지정된 키로 각 ​​개체를 격리합니다. 예:
<code class="javascript">var array = [
    {
        name: "foo1",
        value: "val1"
    }, {
        name: "foo1",
        value: ["val2", "val3"]
    }, {
        name: "foo2",
        value: "val4"
    }
];

var output = [];

array.forEach(function(item) {
  var existing = output.filter(function(v, i) {
    return v.name == item.name;
  });</code>
로그인 후 복사
  1. 값 병합: 일치하는 개체가 발견되면 해당 인덱스가 결정되고 해당 값은 기존 개체의 값 배열에 추가됩니다. :
<code class="javascript">if (existing.length) {
    var existingIndex = output.indexOf(existing[0]);
    output[existingIndex].value = output[existingIndex].value.concat(item.value);</code>
로그인 후 복사
  1. 새 개체 추가: 일치하는 개체가 없는 키가 발견되면 출력 배열에 새 개체로 추가됩니다.
<code class="javascript">} else {
    if (typeof item.value == 'string')
      item.value = [item.value];
    output.push(item);</code>
로그인 후 복사

이러한 단계를 수행하면 제공된 배열을 원하는 출력으로 재구성할 수 있으며, 특정 키와 관련된 모든 값은 배열 내의 단일 객체로 병합됩니다.

위 내용은 동일한 키를 공유하는 배열의 JavaScript 개체를 어떻게 병합할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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