두 개의 JavaScript 개체 배열을 효율적으로 병합하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

두 개의 JavaScript 개체 배열을 효율적으로 병합하는 방법은 무엇입니까?

Linda Hamilton

풀어 주다： 2024-11-15 09:09:02

원래의

260명이 탐색했습니다.

How to Efficiently Merge Two JavaScript Arrays of Objects?

JavaScript에서 개체 배열 병합

두 개의 개체 배열이 있다고 가정합니다.

var arr1 = [
  { name: "lang", value: "English" },
  { name: "age", value: "18" },
];

var arr2 = [
  { name: "childs", value: "5" },
  { name: "lang", value: "German" },
];

로그인 후 복사

원하는 작업은 다음과 같습니다. 이러한 배열을 단일 배열로 병합합니다.

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

로그인 후 복사

jQuery의 $.extend() 메서드

처음에는 $.extend() 사용을 고려할 수 있습니다. 그러나 단순히 첫 번째 배열을 업데이트하기 때문에 요구 사항을 충족하지 않습니다.

$.extend(arr1, arr2); // arr4 = [{name : "childs", value: '5'}, {name: "lang", value: "German"}]

로그인 후 복사

Array.prototype.push.apply() 사용

자세히 배열을 병합하는 효과적인 방법은 Array.prototype.push.apply()를 사용하는 것입니다.

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

로그인 후 복사

이 코드 줄은 본질적으로 arr2의 요소를 arr1의 끝에 푸시합니다. 결과는 arr1에 저장된 병합된 배열입니다.

// Example

var arr1 = [
  { name: "lang", value: "English" },
  { name: "age", value: "18" },
];

var arr2 = [
  { name: "childs", value: "5" },
  { name: "lang", value: "German" },
];

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

console.log(arr1); // final merged result will be in arr1

로그인 후 복사

출력:

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

로그인 후 복사

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