JavaScript의 개체는 키-값 쌍 그룹으로 설명됩니다. 경우에 따라 개발자는 새 개체에서 두 개체의 속성을 결합해야 할 수 있습니다. 이 프로세스를 병합이라고 합니다. 객체 병합을 위해 JavaScript는 ' Object.assign() ” 방법 또는 “ 스프레드 연산자 '.
이 게시물에서는 두 JavaScript 개체의 속성을 동적으로 병합하는 방법을 설명합니다.
두 JavaScript 개체의 속성을 동적으로 병합하는 방법은 무엇입니까?
다음 방법을 사용하여 두 JavaScript 개체의 속성을 동적으로 병합합니다.
방법 1: Object.assign() 메서드를 사용하여 두 JavaScript 객체의 속성을 동적으로 병합/결합
사용 ' Object.assign() ” 메서드를 사용하여 두 JavaScript 개체의 속성을 동적으로 결합합니다. 이 방법은 열거 가능한 모든 속성을 하나 이상의 소스 개체에서 대상 개체로 복사하여 원래 개체의 무결성을 유지합니다. 두 객체에 동일한 속성이 있으면 두 번째 객체의 값이 첫 번째 객체의 값을 대체합니다. 이 메서드는 열거 가능한 속성만 복사하므로 객체의 프로토타입에서 상속된 속성은 복사하지 않습니다.
통사론
두 JavaScript 개체를 병합하려면 제공된 구문을 따르십시오.
targetObject = 객체.할당 ( obj1, obj2, ... ) ;예
개체 만들기 ' 정보 ”:
여기서 정보 = {이름: '제니' ,
나이: 24 ,
롤노: 열 다섯
} ;
두 번째 객체 생성 ' 활동 ” 다음 키 쌍 사용:
var 활동 = {게임: '크리켓' ,
행사: '요가'
} ;
을 부르다 ' Object.assign() '의 속성을 병합하는 방법 정보 ' 그리고 ' 활동 '라는 새 객체에서 학생 ”:
var 학생 = Object.assign ( 정보, 활동 ) ;객체의 속성 인쇄 ' 학생 ”를 사용하여 콘솔.로그() ' 방법:
console.log ( 학생 ) ;출력은 객체의 속성이 ' 정보 ' 그리고 ' 활동 '이(가) 새 개체 '에 성공적으로 병합되었습니다. 학생 ”:
방법 2: 스프레드 연산자를 사용하여 두 JavaScript 개체의 속성을 동적으로 병합/결합
' 스프레드 연산자 '. 객체의 모든 속성을 복사하여 객체를 병합하는 데 일반적으로 사용되는 접근 방식입니다. 두 객체에 동일한 이름의 속성이 있는 경우 오른쪽의 객체 속성이 이전 속성을 대체합니다.
통사론
다음 구문은 Spread 연산자를 사용하여 두 JavaScript 개체의 속성을 병합하는 데 사용됩니다.
targetObject = 객체.할당 ( ...obj1, ...obj2, .... ) ;예
새 개체 만들기 ' 학생 ' 객체의 속성 병합 ' 정보 ' 그리고 ' 활동 ” 스프레드 연산자를 사용하는 학생에서 “ … ”:
학생이었다 = {...정보, ...활동
} ;
산출
JavaScript에서 개체 병합과 관련하여 필요한 모든 정보를 제공했습니다.
결론
JavaScript에서 객체의 속성을 병합/결합하려면 ' Object.assign() ” 방법 또는 “ 스프레드 연산자 '. 스프레드 연산자는 JavaScript 개체의 속성을 병합하는 데 가장 일반적으로 사용되는 접근 방식입니다. 두 객체에 동일한 속성이 있으면 두 번째 객체의 값이 첫 번째 객체의 값을 대체합니다. 이 게시물에서는 두 JavaScript 개체의 속성을 동적으로 병합/결합하는 방법에 대해 설명했습니다.