Javascript: Überschreiben NUR vorhandene Felder in einem Objekt mit den Feldern, die in einem anderen

Gibt es eine Möglichkeit in javascript
Werte zuordnen von benannten Feldern in einem Objekt an der gleichen Felder zu einem Objekt, wenn und nur wenn das Ziel-Feld vorhanden ist. I. e. überschreibt alte Werte, NICHT das hinzufügen von neuen Werten, die Verwendung ideomatic Konstrukte, one-Linern (speziell für javascript und/oder jQuery) und in keiner Weise Schleifen, auch für-in.

var theSource = {
 field1: "TEXT",
 field2: "VAL",
 field3: "ZZ",
 field4: "4",
 field5: "5"
},
theTarget = {
 field2: "0",
 field3: "",
 field4: null,
 field5: undefined
};

Etwas wie

var result = jQuery.overwriteOnlyExisting(theTarget, theSource);
result === {
 field2: "VAL"
 field3: "ZZ"
... 
}

KEIN Feld1 UND alten Felder nach feld3 erhalten.

jQuery.extend - Werte überschreiben kann, aber es kopiert die neuen Felder als gut.

Welche Möglichkeiten haben wir hier?

http://jsbin.com/owivat/1/edit (Unterstrich) - ich mag das, jetzt die Zeit zu finden, die jquery-Weg.

Ergebnisse:

_.extend(theTarget, _(theSource).pick(_(theTarget).keys()));

142,850 Ops/sec

Object.keys(theTarget).map(function(a) { if (a in theSource) theTarget[a] = theSource[a]; });

403,243 Ops/sec

warum ...und in keiner Weise Schleifen, auch für-in ?
Sie sollten underscorejs.org/#each und backbonejs.org/#Model-has für, die. Im Grunde ist es for-in-Schleife an der Quelle und Objekt.hasOwnProperty auf das Ziel.
cool zu wissen, aber stecken mit jQuery 🙂
mit nur standard-js, die wir tun können: Objekt.Schlüssel(Zeile target).map(function(a){ if(theSource[a]) die Zeile target[a]=theSource[a]})
jquery ist nur für DOM-manipulation, so dass Sie nicht tun, dass mit jquery... btw es ist eine einfache Aufgabe, die mit standard-javascript...

InformationsquelleAutor Max | 2013-06-27

7

hier ist der Einzeiler 🙂
```
for(var propertyName in theTarget)theTarget[propertyName]&&(theTarget[propertyName]=theSource[propertyName]);
```
mit underscore.js Sie tun können:
```
_(theTarget).extend(_(theSource).pick( _(theTarget).keys() ));
```
- es ist falsch Konzept des one-liner 🙂 one-Liner sind die coolen Dinge, die wir tun könnten, mit map/splice/filter/regex und so weiter. Vielen Dank, dass es witzig.
- überprüfen Sie Sie heraus, unterstreichen, es ist großartig für die funktionale Programmierung
- Check out Kommentare zu OP. Kann immer noch 'pick' bekommt ein Objekt als parameter? wenn man manuell eine Liste aller Felder - es ist nonsence.
- du hast Recht :D, jetzt besser!
- so, getestet jsbin.com/owivat/1/edit und es funktioniert, trotzdem ist es Aufwand zur Verwendung der jquery-und _ zur gleichen Zeit...
InformationsquelleAutor David Fregoli
5

Können Sie es manuell tun, ich verstehe nicht, warum "keine Schleifen". jQuery ist die Schleife auch in eine oder andere Weise:
```
var result = {};
for (var key in theSource) {
  if (theTarget[key]) result[key] = theSource[key];
}
```
InformationsquelleAutor elclanrs
3

OK! oneliner! keine sichtbaren loops!
```
Object.keys(theTarget).map(function(a){ if(theSource[a]) theTarget[a]=theSource[a]})
```
Obwohl die Karte hat eine Schleife in der es Quelle, bin ich mir sicher. aber ich denke, dass dies der einzige Weg, dies zu tun, ohne eine sichtbare loop-Konstrukt. wenn es Missstände im globalen Namensraum von javascript und ist daher schmutzig.

Okay, noch besser:
```
Object.keys(theTarget).map(function(a){ if(Object.keys(theSource).indexOf(a)) theTarget[a]=theSource[a]})
```
und präziser
```
keys(theTarget).map(function(a){ if(a in theSource) theTarget[a]=theSource[a]}) 
```
obwohl die Tasten() und Array#indexOf nicht funktionieren in älteren ecma-Versionen.
- Es ist besser, aber ich habe gesehen, js-Magie, der muss einige built-in check für 'if(theSource[a])'. Plus Geist die Antwort von Poetro, diese Lösung funktioniert nicht mit theSource[a] === ", 0, null und so weiter
- ok, hier ist ein besseres. Array#indexOf sollte perfekt funktionieren.
- Ich glaube nicht, das umgestaltet werden kann, um eine mehr präzise.
- Wir werden sehen), aber es ist gut, es ist besser mit Objekt: - Objekt.Schlüssel(Zeile target).map(function(a){ if (a theSource) die Zeile target[a] = theSource[a]; });
InformationsquelleAutor Matthew Graves
1

Müssen Sie gehen Sie durch die source's-Tasten, prüfen, ob Sie vorhanden ist (nicht, wenn Sie truthy wie gewohnt kopieren 0, '', false, null, undefined, NaN) und kopieren Sie diesen Wert, um das Ergebnis-Objekt. Da Sie nicht wollen, überschreiben Sie die Quelle oder das Ziel ist, nicht ändern.
```
jQuery.overwriteOnlyExisting = function (source, target) {
    var result = {}, key;
    for (key in target) {
        result[key] = key in source ? source[key] : target[key];
    }
    return result
};
```
- guter Punkt, das ist, warum ich versuche, verlassen Sie sich auf viel mehr Mechanismen js und jquery, nicht um Sie in eine Falle von 'etwas vergessen'.
InformationsquelleAutor Poetro

var theSource = {
 field1: "TEXT",
 field2: "VAL",
 field3: "ZZ",
 field4: "4",
 field5: "5"
},
theTarget = {
 field2: "0",
 field3: "",
 field4: null,
 field5: undefined
};

var overrideExistingProperties = function (theTarget, theSource){
    for (var property in theSource)
        if (theSource.hasOwnProperty(property) && theTarget.hasOwnProperty(property))
            theTarget[property] = theSource[property];
};

overrideExistingProperties(theTarget, theSource);
result = theTarget; //if you don't want to clone

InformationsquelleAutor inf3rno

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.