ID별로 JavaScript 개체를 병합하는 방법은 무엇입니까?

JavaScript에서 ID로 개체 병합

JavaScript에서는 개체를 효과적으로 병합하여 여러 소스의 데이터를 결합할 수 있습니다. 객체 배열을 처리할 때 일반적인 과제는 종종 ID라고 하는 특정 필드로 객체를 병합하는 것입니다.

예를 들어 다음과 같은 배열이 있다고 가정해 보겠습니다.

var a1 = [{ id: 1, name: "test"}, { id: 2, name: "test2"}];
var a2 = [{ id: 1, count: "1"}, {id: 2, count: "2"}];

우리는 'id' 필드를 기준으로 이를 결합하여 다음:

var a3 = [{ id: 1, name: "test", count: "1"}, { id: 2, name: "test2", count: "2"}];

해결책:

ES6의 간결하고 효과적인 솔루션은 기본 지도 기능을 활용하는 것입니다:

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

여기 , a1의 각 객체 t1을 반복하고 새 객체를 만듭니다. 확산 연산자(...)를 사용하여 t1의 속성을 새 개체로 확산합니다.

a2에서 일치하는 개체의 속성을 추가하려면 find 메서드를 사용하여 일치하는 ' ID'. 그런 다음 발견된 개체의 속성을 새 개체에 분산시킵니다.

이 접근 방식은 두 배열의 데이터를 우아하게 결합하여 원하는 결과를 생성합니다. 또한 더 복잡한 시나리오를 원활하게 처리하도록 확장 가능합니다.

위 내용은 ID별로 JavaScript 개체를 병합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!