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

Ich fange gerade erst mit JavaScript an, also korrigieren Sie mich, wenn ich falsch liege.

Aber wäre es nicht besser, wenn Sie eine beliebige Anzahl von Objekten zusammenführen könnten? Ich zeige Ihnen, wie ich das mit dem nativen Arguments Objekt.

Der Schlüssel dazu ist, dass Sie tatsächlich eine beliebige Anzahl von Argumenten an eine JavaScript-Funktion übergeben können, ohne sie in der Funktionsdeklaration zu definieren. Sie können nur nicht auf sie zugreifen, ohne das Arguments-Objekt zu verwenden.

function mergeObjects() (
    var tmpObj = {};

    for(var o in arguments) {
        for(var m in arguments[o]) {
            tmpObj[m] = arguments[o][m];
        }
    }
    return tmpObj;
}

Answer 2

Für diejenigen, die Node.js gibt es ein NPM-Modul: node.extend

Installieren:

npm install node.extend

Verwendung:

var extend = require('node.extend');
var destObject = extend(true, {}, sourceObject);
// Where sourceObject is the object whose properties will be copied into another.

Answer 3

Ich habe Object.create() verwendet, um die Standardeinstellungen beizubehalten (unter Verwendung von __proto__ oder Object.getPrototypeOf() ).

function myPlugin( settings ){
    var defaults = {
        "keyName": [ "string 1", "string 2" ]
    }
    var options = Object.create( defaults );
    for (var key in settings) { options[key] = settings[key]; }
}
myPlugin( { "keyName": ["string 3", "string 4" ] } );

Auf diese Weise kann ich später jederzeit 'concat()' oder 'push()' verwenden.

var newArray = options['keyName'].concat( options.__proto__['keyName'] );

Hinweis : Sie müssen vor der Verkettung eine hasOwnProperty-Prüfung durchführen, um Doppelungen zu vermeiden.

Answer 4

Die korrekte Umsetzung in Prototyp sollte folgendermaßen aussehen:

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

obj1 = Object.extend(obj1, obj2);

Answer 5

Hier ist, was ich in meiner Codebasis zum Zusammenführen verwendet habe.

function merge(to, from) {
  if (typeof to === 'object' && typeof from === 'object') {
    for (var pro in from) {
      if (from.hasOwnProperty(pro)) {
        to[pro] = from[pro];
      }
    }
  }
  else{
      throw "Merge function can apply only on object";
  }
}