es6에서 객체를 병합하는 방법은 무엇입니까

ES6 개체 병합 방법은 다음과 같습니다. 1. "Object.sign()" 메서드를 사용하고 "Object.ass(obj1,obj2,obj3)" 구문을 사용합니다. 2. 확장 연산자 "..."를 사용합니다. 구문 "{...obj1,...obj2,...obj3}".

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

방법 1: Es6의 Object.assign() method

Object.signate() 메서드는 개체를 병합하는 데 사용되며, 소스 개체(source)의 열거 가능한 모든 속성을 대상 개체(target)에 복사합니다.

예:

let obj1 = {a: 1}
let obj2 = {b: 2}
let obj3 = {b: 3, c:4}
let obj = Object.assign(obj1, obj2, obj3)
console.log(obj, obj1, obj2, obj3)

출력:

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}

Note

1 Object.ass() 메서드의 첫 번째 매개 변수는 대상 개체이고 후속 매개 변수는 소스 개체입니다.

2. 여기서 obj2의 b 속성은 obj3의 b 속성으로 덮어쓰여집니다.

방법 2: 확산 연산자 사용

let obj1 = {a: 1}
let obj2 = {b: 2}
let obj3 = {b: 3, c:4}
let objTwo = {...obj1,...obj2,...obj3}
console.log(objTwo, obj1, obj2, obj3)

실행 결과:

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}

{...obj1,...obj2,...obj3}...링크 형식이 더 간단하고 더 투박합니다!

【관련 추천: javascript 비디오 튜토리얼, web front-end】

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