>웹 프론트엔드 >JS 튜토리얼 >JavaScript 개체를 어떻게 병합할 수 있나요?

JavaScript 개체를 어떻게 병합할 수 있나요?

DDD
DDD원래의
2024-12-25 04:33:17826검색

How Can I Merge JavaScript Objects?

JavaScript 개체를 어떻게 병합할 수 있나요?

JavaScript에서 개체를 병합하려면 여러 개체의 속성을 하나의 통합 개체로 결합해야 합니다. 이를 달성하기 위해 각각 특정 JavaScript 버전 및 요구 사항에 적합한 여러 가지 방법을 사용할 수 있습니다.

내장 방법

ECMAScript 2018 표준 방법: 객체 확산을 활용하여 객체 병합을 위한 새로운 구문은 다음과 같습니다.

let merged = {...obj1, ...obj2};

이 구문은 다음을 포함하는 새로운 병합 객체를 생성합니다. obj1과 obj2의 속성이 결합되었습니다. obj2의 속성은 obj1의 속성을 덮어씁니다.

ECMAScript 2015 Standard Method: Object.sign()을 사용하여 객체를 병합할 수 있습니다.

Object.assign(obj1, obj2);

Object.ass( )은 obj1을 수정하여 obj2의 속성을 병합합니다. 스프레드 연산자와 마찬가지로 이후 속성은 이전 속성을 덮어씁니다.

ES5 및 이전 버전의 방법

ES5 이전 JavaScript 버전의 경우 간단한 접근 방식은 다음과 같습니다.

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }

이 루프는 obj2의 속성을 반복하고 이를 obj1에 할당하여 객체를 효과적으로 병합합니다.

사용자 정의 함수

사용자 지정 함수도 사용할 수 있습니다.

function merge_options(obj1, obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}

이 함수는 obj1 및 obj2를 반복하고 obj3에 속성을 추가하여 새 객체 obj3을 생성합니다.

위 내용은 JavaScript 개체를 어떻게 병합할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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