어떻게 두 개의 JavaScript 객체의 속성을 동적으로 병합할 수 있을까요?

실행 시간에 두 개의 (매우 간단한) JavaScript 객체를 병합할 수 있어야합니다. 예를 들어, 다음과 같이하려고합니다.

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
obj1.merge(obj2);
// obj1은 이제 음식, 차 및 동물 세 개의 속성을 가지고 있습니다.

이를 위해 내장된 방법이 있습니까? 재귀가 필요하지 않으며, 함수를 병합할 필요도 없고, 단지 평면 객체의 메소드를 병합할 필요가 있습니다.

답변 1

/*해당 경우에는 다음과 같이 수행하면 됩니다: */
Object.assign(obj1, obj2);
/** 병합할 객체 수에 제한이 없습니다.
 *  모든 객체는 첫 번째 객체에 병합됩니다.
 *  첫 번째 인수의 객체만 변경되고 반환됩니다.
 *  이후의 속성은 동일한 이름을 가진 이전 속성을 덮어씁니다. */
const allRules = Object.assign({}, obj1, obj2, obj3, 등등);

(참조: MDN JavaScript 참고 문서)

ES5 및 이전 버전의 방법

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

obj2의 모든 속성이 단순히 obj1에 추가되는 것에 유의하세요.
이는 여전히 수정되지 않은 obj1을 사용하려는 의도와 일치하지 않을 수 있습니다.

만약 프레임워크를 사용하는데 프로토타입을 망치기 때문에 더 복잡한 hasOwnProperty와 같은 검사를 수행해야하지만, 해당 코드는 대부분의 경우에 작동합니다.

예제 함수:

/**
 * obj1의 값들을 obj2의 값들로 덮어씁니다. obj1에 존재하지 않는 경우 obj2를 추가합니다.
 * @param obj1
 * @param obj2
 * @returns obj1과 obj2를 기반으로 한 새로운 객체 obj3
 */
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;
}

추가로 :- 이 프로그램에서 Object.assign 및 펼침 구문 객체 리터럴 간의 차이를 확인하세요.

답변 2

자바스크립트에서 두 개의 객체의 속성을 동적으로 병합하는 방법은 여러 가지가 있습니다. 객체 병합은 두 개의 객체를 합치는 프로세스로, 최종 결과는 두 객체의 속성을 포함하는 새로운 객체입니다. 이는 자바스크립트에서 매우 유용하며 코드 재사용성을 높일 수 있습니다.
가장 간단한 방법은 Object.assign() 메소드를 사용하는 것입니다. 이 메소드는 첫 번째 인수로 대상 객체, 이후 인수로 원본 객체들을 받습니다. 대상 객체는 모든 속성이 병합될 객체입니다.
예를 들어, 다음과 같은 두 개의 객체가 있다고 가정해봅시다:
```javascript
const obj1 = { name: John };
const obj2 = { age: 25 };
```
우리는 obj1과 obj2의 속성을 병합하여 새로운 객체를 만들고 싶을 것입니다. 이를 위해서는 Object.assign() 메소드를 사용하면 됩니다.
```javascript
const mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj);
```
위의 코드는 obj1과 obj2의 속성을 병합하여 mergedObj라는 새로운 객체를 생성합니다. 이 새로운 객체는 name과 age 속성을 포함합니다.
또 다른 방법은 spread 연산자를 사용하는 것입니다. Spread 연산자는 객체 또는 배열의 요소를 펼쳐서 새로운 객체나 배열로 병합하는 데 사용됩니다. 위의 예제에서는 다음과 같이 사용할 수 있습니다:
```javascript
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj);
```
이 코드는 obj1과 obj2의 속성을 펼쳐서 mergedObj라는 새로운 객체로 병합합니다.
이렇게 두 개의 객체의 속성을 동적으로 병합할 수 있는 여러 가지 방법이 있습니다. Object.assign() 메소드와 spread 연산자를 사용하는 것은 가장 일반적인 방법입니다. 이러한 방법을 사용하면 코드 유지보수가 용이해지고, 객체 병합에 대한 일반적인 패턴을 만들 수 있습니다. 이를 통해 더 유연하고 효율적인 자바스크립트 코드를 작성할 수 있습니다.