>웹 프론트엔드 >JS 튜토리얼 >Array.prototype.push.apply()를 사용하여 JavaScript에서 두 개의 객체 배열을 병합하는 방법은 무엇입니까?

Array.prototype.push.apply()를 사용하여 JavaScript에서 두 개의 객체 배열을 병합하는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-22 22:37:13378검색

How to merge two arrays of objects in JavaScript using Array.prototype.push.apply()?

두 객체 배열 병합: JavaScript 솔루션

JavaScript에서 객체 배열을 병합하는 것은 일반적인 작업일 수 있습니다. 여기서는 내장 함수 Array.prototype.push.apply()를 사용하여 이를 달성하기 위한 간단하면서도 효율적인 방법을 살펴봅니다.

예제 시나리오를 고려해보세요.

var arr1 = [{name: "lang", value: "English"},{name: "age", value: "18"}];
var arr2 = [{name : "childs", value: '5'}, {name: "lang", value: "German"}];

우리의 목표는 다음과 같습니다. 이 두 배열을 다음 내용을 포함하는 arr3이라는 단일 배열로 병합합니다.

var arr3 = [{name: "lang", value: "German"},{name: "age", value: "18"},{name : "childs", value: '5'}];

jQuery 사용 $.extend()는 원하는 출력을 제공하지 않으므로 여기에 적합하지 않습니다. 대신 다음 코드를 사용합니다.

Array.prototype.push.apply(arr1,arr2); 

console.log(arr1);

이 코드는 기본적으로 arr2의 요소를 arr1의 끝에 추가합니다. 결과는 병합된 개체를 포함하는 단일 배열이며, 중복된 "lang" 개체는 후자의 값으로 대체됩니다.

얻어진 출력은 다음과 같습니다.

[{"name":"lang","value":"English"},{"name":"age","value":"18"},{"name":"childs","value":"5"},{"name":"lang","value":"German"}]

이 출력은 원하는 배열과 일치합니다. arr3, 원래 두 객체 배열을 효과적으로 병합합니다.

위 내용은 Array.prototype.push.apply()를 사용하여 JavaScript에서 두 개의 객체 배열을 병합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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