동일한 키를 가진 배열에 JavaScript 개체를 병합하려면 어떻게 해야 합니까?

같은 키를 사용하여 배열의 JavaScript 개체를 병합하는 방법

JavaScript에서는 공통 키를 가진 개체 배열이 있는 상황에 직면할 수 있으며, 해당 값을 단일 개체로 병합해야 합니다. 이는 데이터를 구성하고 집계하는 데 유용할 수 있습니다.

예를 들어 다음 개체 배열을 고려해 보세요.

<code class="javascript">var array = [
    {
        name: "foo1",
        value: "val1"
    }, {
        name: "foo1",
        value: [
            "val2",
            "val3"
        ]
    }, {
        name: "foo2",
        value: "val4"
    }
];</code>

이 예에서 개체는 키 "name"을 공유합니다. 해당 값을 단일 개체로 병합하려면 다음 접근 방식을 사용할 수 있습니다.

<code class="javascript">var output = [];

array.forEach(function(item) {
  var existing = output.filter(function(v, i) {
    return v.name == item.name;
  });
  if (existing.length) {
    var existingIndex = output.indexOf(existing[0]);
    output[existingIndex].value = output[existingIndex].value.concat(item.value);
  } else {
    if (typeof item.value == 'string')
      item.value = [item.value];
    output.push(item);
  }
});

console.dir(output);</code>

이 코드의 출력은 두 개체의 배열이 됩니다.

<code class="javascript">[
    {
        name: "foo1",
        value: [
            "val1",
            "val2",
            "val3"
        ]
    }, {
        name: "foo2",
        value: [
            "val4"
        ]
    }
]</code>

이 결과에서는 , "foo1" 키의 값은 단일 배열로 병합되었으며 "foo2" 키는 그대로 유지됩니다. 이 접근 방식을 사용하면 공통 키를 공유하는 배열의 객체를 효율적으로 병합하여 해당 값을 보다 체계적인 표현으로 통합할 수 있습니다.

위 내용은 동일한 키를 가진 배열에 JavaScript 개체를 병합하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!