Wie kann ich die Eigenschaften von zwei JavaScript-Objekten dynamisch zusammenführen?

Question

Ich muss in der Lage sein, zwei (sehr einfache) JavaScript-Objekte zur Laufzeit zu verschmelzen. Zum Beispiel würde ich gerne:

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }

obj1.merge(obj2);

//obj1 now has three properties: food, car, and animal

Gibt es eine eingebaute Möglichkeit, dies zu tun? Ich brauche keine Rekursion, und ich muss nicht Funktionen zusammenführen, nur Methoden auf flache Objekte.

Answer 1

Unter YUI Y.merge sollte die Arbeit erledigt werden:

Y.merge(obj1, obj2, obj3....)

Answer 2

ES5-kompatibler nativer Einzeiler:

var merged = [obj1, obj2].reduce(function(a, o) { for(k in o) a[k] = o[k]; return a; }, {})

Answer 3

Es gibt verschiedene Möglichkeiten, dies zu erreichen:

Object.assign(targetObj, sourceObj);

targetObj = {...targetObj, ...sourceObj};

Answer 4

Drei Möglichkeiten, wie Sie das tun können

Ansatz 1:-

// using spread ...
    let obj1 = {
        ...obj2
    };

Ansatz2:-

// using  Object.assign() method
let obj1 = Object.assign({}, obj2);

Ansatz3:-

// using JSON
let obj1 = JSON.parse(JSON.stringify(obj2));

Answer 5

Sie können Objekte zusammenführen, indem Sie meiner Methode folgen

var obj1 = { food: 'pizza', car: 'ford' };
var obj2 = { animal: 'dog' };

var result = mergeObjects([obj1, obj2]);

console.log(result);
document.write("result: <pre>" + JSON.stringify(result, 0, 3) + "</pre>");

function mergeObjects(objectArray) {
    if (objectArray.length) {
        var b = "", i = -1;
        while (objectArray[++i]) {
            var str = JSON.stringify(objectArray[i]);
            b += str.slice(1, str.length - 1);
            if (objectArray[i + 1]) b += ",";
        }
        return JSON.parse("{" + b + "}");
    }
    return {};
}