>웹 프론트엔드 >JS 튜토리얼 >동일한 \'name\' 키를 사용하여 JavaScript 배열의 개체를 병합하고 해당 \'value\' 키를 배열로 결합하려면 어떻게 해야 합니까?

동일한 \'name\' 키를 사용하여 JavaScript 배열의 개체를 병합하고 해당 \'value\' 키를 배열로 결합하려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-10-29 02:25:29759검색

How can you merge objects in a JavaScript array with the same

JavaScript에서 공유 키를 사용하여 배열의 객체 병합

문제 설명

배열 고려 각 개체에는 "이름" 키가 있습니다. 동일한 "이름"을 가진 개체는 값을 공유합니다. 작업은 동일한 "이름"을 가진 모든 개체의 "값" 키를 병합하여 배열을 재구성하는 것입니다.

해결책

배열의 개체를 병합하려면 동일한 "이름" 키를 사용하는 경우 다음 접근 방식을 사용할 수 있습니다.

<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;
  });
  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>

이 솔루션은 입력 배열을 반복하고 동일한 "이름" 키를 사용하여 기존 객체를 검색한 후 다음의 "값"을 추가합니다. 현재 개체를 기존 개체의 "값"으로 설정합니다. 기존 개체가 없으면 현재 개체를 출력 배열에 추가합니다.

이 작업의 결과는 동일한 "이름" 키를 가진 개체의 "값" 키가 병합된 개체 배열입니다. 배열.

[
  {
    name: "foo1",
    value: ["val1", "val2", "val3"]
  },
  {
    name: "foo2",
    value: ["val4"]
  }
]

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

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