>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 반복 없이 키를 기반으로 개체 배열을 병합하려면 어떻게 해야 합니까?

JavaScript에서 반복 없이 키를 기반으로 개체 배열을 병합하려면 어떻게 해야 합니까?

Patricia Arquette
Patricia Arquette원래의
2024-12-09 12:40:11595검색

How Can I Merge Arrays of Objects Based on a Key Without Iteration in JavaScript?

반복 없이 키를 기반으로 객체 배열 병합

프로그래밍에서는 여러 소스의 데이터를 단일 데이터로 결합해야 하는 경우가 많습니다. 실재. 이 특정 사례에서는 병합된 결과를 얻기 위해 공통 키인 "id"를 기반으로 병합해야 하는 두 개의 개체 배열이 있습니다.

제공된 JavaScript 코드 조각은 다음을 사용하지 않고도 이 작업을 효율적으로 수행합니다. Object.keys()와 같은 반복 메서드. 작동 방식은 다음과 같습니다.

  • 먼저 객체의 입력 배열을 나타내는 두 개의 배열 arr1 및 arr2를 정의합니다.
  • 그런 다음 map() 함수가 다음에 적용됩니다. arr1. map()의 목적은 원래 배열의 각 요소에 지정된 콜백 함수를 적용하여 새 배열을 만드는 것입니다.
  • 콜백 함수 내부에서 Object.ass(destination, ...sources) 구문을 사용합니다. 두 객체의 속성을 병합하는 데 사용됩니다. 첫 번째 객체는 대상이고 두 번째 객체는 소스입니다.
  • 이 경우 대상은 {}를 사용하여 생성된 빈 객체이고 소스는 arr2[i]는 arr2의 해당 객체를 나타냅니다.
  • map() 작업의 결과는 병합된 객체를 새 배열인 arr3에 할당합니다.
  • 마지막으로 콘솔은 arr3을 기록합니다. 병합된 출력을 표시합니다.

이 코드는 객체의 두 배열을 단일 배열로 효율적으로 결합하므로 번거로운 반복 방법. 공통 키를 기반으로 데이터를 병합하는 간결하고 간단한 접근 방식을 제공합니다.

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

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