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

동일한 키를 사용하여 배열의 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>

2. 값 병합: 일치하는 개체가 발견되면 해당 인덱스가 결정되고 해당 값은 기존 개체의 값 배열에 추가됩니다. :

<code class="javascript">if (existing.length) {
    var existingIndex = output.indexOf(existing[0]);
    output[existingIndex].value = output[existingIndex].value.concat(item.value);</code>

3. 새 개체 추가: 일치하는 개체가 없는 키가 발견되면 출력 배열에 새 개체로 추가됩니다.

<code class="javascript">} else {
    if (typeof item.value == 'string')
      item.value = [item.value];
    output.push(item);</code>

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

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