Suche nach Funktion identisch mit lodash's [_.set]()

Question

Ich bin auf der Suche nach einer Funktion identisch mit lodashs _.set, außer es sollte ein neues Objekt ohne Änderung des Originals zurückgeben. Gibt es irgendwelche Implementierungen davon?

Im Moment bin ich tief-Klonen und dann setzen:

let data = _.cloneDeep(this.state.data); 
_.set(data, name, value); 
this.setState({data}) 

Aber ich glaube nicht, es ist notwendig, um eine vollständige tiefe Klon zu tun, würden wir nur einen flachen Klon des tun müssen Objekt auf der tiefsten Ebene, nein?

z.B.

let oldData = { 'a': [{ 'b': { 'c': 3 }, 'd': {'e': 4} }] }; 
let newDate = withValue(oldData, 'a[0].b.c', 5); 

Die vorgeschlagene withValue Funktion würde einen flachen Klon von a, a[0] und a[0].b ausführen und ändern Sie dann die neue a[0].b.c bis 5. Wir würden keine Kopie a[0].d vornehmen müssen.

Answer 1

Dies wird eine mehrteilige Antwort sein.

Immutable Satz:

Wie Sie verwenden lodash, können Sie die FP version of lodash verwenden und .set (oder .setWith in der Lage sein, ein Objekt Pfad zu liefern), die eine unveränderliche Update tun.

Oder, wie dies aussieht wie eine React Codebase können Sie die $set helper of React verwenden.

Oder Sie können einfach verwenden, um die Spread Operator:

const newObj = {...oldObj, prop: newValue } 

Oder Object.assign:

const newObj = Object.assign({}, oldObj, { prop: newValue }); 

Performance:

Wie Sie die Leistung zu erwähnen (und nicht nur tief Klonen eines Objekts) möchten Sie vielleicht in ein unveränderliches Framework schauen. Die besser entwickelten Codebasen erhöhen die Leistung durch verschiedene Maßnahmen. Z.B. hier ist was immutable.js sagt:

Diese Datenstrukturen auf modernen JavaScript VMs hocheffiziente sind durch strukturelle Sharing über Hash-Karten versucht und Vektor verwendet versucht

... und Mori sagt:

Effiziente, unveränderliche Datenstrukturen - kein Klonen erforderlich [...] Moderne JavaScript-Engines wie V8, JavaScriptCore und SpiderMonkey liefern die Leistung, die benötigt wird, um persistente Datenstrukturen gut zu implementieren.

Answer 2

lodash/fp als Emil suggested sollte funktionieren.

Beispiel:

const setIn = require('lodash/fp/set'); 
this.setState({data: setIn(name, value, this.state.data)}); 

N. B.Die Reihenfolge der Argumente unterscheidet sich von der regulären lodash.