>웹 프론트엔드 >JS 튜토리얼 >ID 필드를 기반으로 JavaScript 개체를 효율적으로 병합하려면 어떻게 해야 합니까?

ID 필드를 기반으로 JavaScript 개체를 효율적으로 병합하려면 어떻게 해야 합니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-04 05:23:10580검색

How Can I Efficiently Merge JavaScript Objects Based on an ID Field?

ID 필드를 기반으로 JavaScript의 개체 병합

여러 배열의 데이터를 결합하는 것은 JavaScript 개발의 일반적인 작업입니다. 개체가 포함된 배열을 처리할 때 "id" 필드와 같은 특정 필드를 기반으로 병합해야 합니다.

"id" 필드를 기반으로 개체 배열을 병합하려면 다음을 사용하는 강력한 접근 방식을 사용합니다. ES6 스프레드 연산자를 사용할 수 있습니다:

const a3 = a1.map((t1) => ({
  ...t1,
  ...a2.find((t2) => t2.id === t1.id),
}));

이 스니펫에서:

  • a1과 a2는
  • map() 메소드는 a1의 각 항목을 반복합니다.
  • a1의 각 항목 t1에 대해 익명 화살표 함수가 실행됩니다.
  • 화살표 기능 내에서 스프레드 연산자(...)는 새 객체를 생성하는 데 사용됩니다.
  • 첫 번째 점 세트는 t1, 원래 값 유지.
  • 두 번째 점 세트는 t1과 동일한 "id"를 가진 a2에서 발견된 요소의 속성을 병합합니다. find() 메소드는 a2에서 일치하는 항목을 검색합니다.
  • 결과 a3 배열에는 병합된 객체가 포함됩니다.

이 접근 방식을 사용하면 "count" 속성이 기존 " 병합된 배열 a3에 있는 각 개체의 "name" 속성입니다. 이 기술은 원하는 필드를 기반으로 개체를 병합하도록 확장될 수 있으며 JavaScript에서 데이터를 결합하는 간결하고 효율적인 방법을 제공합니다.

위 내용은 ID 필드를 기반으로 JavaScript 개체를 효율적으로 병합하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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