> 웹 프론트엔드 > JS 튜토리얼 > 객체 키를 반복하지 않고 키를 기반으로 두 객체 배열을 효율적으로 병합하는 방법은 무엇입니까?

객체 키를 반복하지 않고 키를 기반으로 두 객체 배열을 효율적으로 병합하는 방법은 무엇입니까?

Barbara Streisand
풀어 주다: 2024-12-29 02:43:14
원래의
386명이 탐색했습니다.

How to Efficiently Merge Two Object Arrays Based on a Key Without Iterating Object Keys?

객체 키를 반복하지 않고 키를 기반으로 객체 배열 병합

두 개의 객체 배열이 있는 시나리오를 고려해보세요.

const array1 = [
  { id: "abdc4051", date: "2017-01-24" },
  { id: "abdc4052", date: "2017-01-22" }
];

const array2 = [
  { id: "abdc4051", name: "ab" },
  { id: "abdc4052", name: "abc" }
];
로그인 후 복사

우리의 목표 id 속성을 기반으로 이러한 배열을 병합하여 두 속성을 결합한 배열을 만드는 것입니다. 객체:

[
  { id: "abdc4051", date: "2017-01-24", name: "ab" },
  { id: "abdc4052", date: "2017-01-22", name: "abc" }
]
로그인 후 복사

객체 키에 대한 루프를 사용하지 않고 이를 효율적으로 달성하려면 map() 함수를 활용할 수 있습니다.

const mergedArray = array1.map((item, index) => Object.assign({}, item, array2[index]));
로그인 후 복사

이 접근 방식에서는 Object.sign()을 사용합니다. 두 배열의 해당 개체 속성을 새로운 결합 개체로 병합한 다음 mergedArray에 누적하는 메서드입니다.

병합된 결과 배열 객체 키에 대한 반복 루프가 필요 없이 공유 ID 키를 기반으로 속성을 결합해야 하는 요구 사항을 충족합니다.

위 내용은 객체 키를 반복하지 않고 키를 기반으로 두 객체 배열을 효율적으로 병합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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