Entfernen Sie den Wert aus Objekt ohne mutation

Was ist ein guter und kurzer Weg zum entfernen eines Werts aus einem Objekt auf einen bestimmten Schlüssel ohne mutierend dem ursprünglichen Objekt?

Ich würde gerne etwas machen wie:

let o = {firstname: 'Jane', lastname: 'Doe'};
let o2 = doSomething(o, 'lastname');
console.log(o.lastname); //'Doe'
console.log(o2.lastname); //undefined

Ich weiß, es gibt eine Menge von Unveränderlichkeit Bibliotheken für solche Aufgaben, aber ich möchte, um Weg zu bekommen ohne eine Bibliothek. Aber um dies zu tun, die eine Voraussetzung wäre, um einen leichten und kurzen Weg, die verwendet werden können in dem gesamten code, ohne die Abstraktion der Methode als eine utility-Funktion.

E. g. für die addition eines Wertes ich Folgendes tun:

let o2 = {...o1, age: 31};

Dieser ist Recht kurz, leicht zu merken und braucht nicht eine utility-Funktion.

Gibt es so etwas wie dies für das entfernen des einen Wert? ES6 ist sehr willkommen.

Vielen Dank!

"Entfernen Sie einen Wert ohne mutierend das Objekt" keinen Sinn. Sie können nicht entfernen, aus etwas, und halten Sie es intakt an der gleichen Zeit. Was Sie tatsächlich tun, ist eine teilweise Kopie.

InformationsquelleAutor amann | 2015-10-10

immutability javascript

167

Update:

Könnte man entfernen einer Eigenschaft aus einem Objekt mit einer kniffligen Destructuring assignment:
```
const doSomething = (obj, prop) => {
  let {[prop]: omit, ...res} = obj
  return res
}
```
Allerdings, wenn die Eigenschaft name, die Sie entfernen möchten, ist statisch, dann könnte man auch entfernen Sie es mit einem einfachen Einzeiler:
```
let {lastname, ...o2} = o
```
~~Der einfachste Weg ist einfach zu~~ Oder könnte man-Klon, Ihr Objekt vor mutiert es:
```
const doSomething = (obj, prop) => {
  let res = Object.assign({}, obj)
  delete res[prop]
  return res
}
```
Alternativ könnte man ohne - Funktion von lodash utility library:
```
let o2 = _.omit(o, 'lastname')
```
Es ist verfügbar als Teil von lodash Paket, oder als standalone - lodash.weglassen Paket.
- Ist das wirklich die einfachste Lösung? E. g. für arrays, die Sie tun können a2 = a1.filter(el => el.id !== id) weglassen eines Elements in einem array von einem bestimmten id. Gibt es keine solche Sache für ein Objekt?
- Ich Stimme mit @amann. Entweder es wird eine bessere Lösung, oder ES6 wirklich etwas verpasst zu machen JS nutzbar in ein mehr funktionale Weise. ZB. Ruby hat keep_if
- tatsächlich, es ist ein Weg. Siehe mein update.
- Ich würde vorschlagen, die nach dieser Frage: stackoverflow.com/questions/35152522/...
- Aktualisiert destructuring-Lösung ist groß. Obwohl mein Geist ist ein wenig geblasen von Ihr. Warum nicht const {[prop], ...rest} = obj Arbeit? Warum haben Sie zum zuweisen der Eigenschaft extrahiert, um eine neue variable (omit in diesem Fall)?
- Wie würden Sie sonst den Zugriff auf die dynamischen [prop] Feld (omit)? prop ist bereits gemacht, so müssen Sie definieren einen neuen Namen.
- +1 für die lodash weglassen, können Sie auch übergeben Sie ein array von Objekt-Schlüssel zu entfernen: const removeStuff = ['this', 'that']; let newObj = _.omit(originalObj, removeStuff);
- Funktioniert nicht, wenn die Eigenschaft, die ich versuche zu entfernen, ist ein Objekt.
- Gut, es funktioniert, aber anscheinend hat es nur finden die Eigenschaft, wenn Sie in einer Zeichenfolge.In meinem Fall, ich war die übergabe einer Zahl, da das war, was ich gespeichert als Eigentum Schlüssel.
- nicht sicher, was Ihr problem ist. Es sollte funktionieren mit zahlen als Schlüssel: doSomething({ 1: 'q', 2: 'w' }, 1) // => { '2': 'w' }. Übergeben Zeichenfolge statt einer Nummer kaum Sinn macht, da JS leckereien Reihe und es ist stringified-version als die gleichen Schlüssel.
- Dieser Fehler in der browser-Konsole in Chrome (Uncaught SyntaxError: Unexpected token ...). Ich habe versucht, transpiling es mit Babel, aber noch keine Freude. Hier ist ein link zu einer JSFiddle. Wenn ich einen Fehler gemacht habe, können Sie mir bitte zeigen, was ich falsch gemacht habe? TIA.
- Wenn der Eigenschaftsname nicht statisch ist, kann immer noch eine Zeile: const {[p]: val,...o2} = o;
- Ich mag dieses, aber ich am Ende mit no-unbenutzt-vars von eslint. Ich bin voranstellen _ zu ignorieren unbenutzte vars. Jemand irgendwelche Gedanken dazu?
- Sie können hinzufügen, "auslassen" oder "weggelassen", um Ihre no-unused-vars Regel, es ist nur regex.
InformationsquelleAutor Leonid Beschastny
15

Mit ES7-Objekt destructuring:
```
const myObject = {
  a: 1,
  b: 2,
  c: 3
};
const { a, ...noA } = myObject;
console.log(noA); //=> { b: 2, c: 3 }
```
- was ist, wenn a wird in einer variable gespeichert const x = 'a' ?
- Es ändert sich nichts. eine bezieht sich nur auf das erste element des Arrays. Es könnte so sein: const { a,b, ...noA } = myObject; console.log(noA); // => {c: 3 }
- dies ist die sehr elegante, einfache Lösung
InformationsquelleAutor senbon

one-line-Lösung

const removeKey = (key, {[key]: _, ...rest}) => rest;

InformationsquelleAutor punksta

Als Vorschlag in die Kommentare oben wenn Sie erweitern möchten, um mehr als ein Element aus Ihrem object ich möchte filter. und reduce

JS:

    const o = {
      "firstname": "Jane",
      "lastname": "Doe",
      "middlename": "Kate",
      "age": 23,
      "_id": "599ad9f8ebe5183011f70835",
      "index": 0,
      "guid": "1dbb6a4e-f82d-4e32-bb4c-15ed783c70ca",
      "isActive": true,
      "balance": "$1,510.89",
      "picture": "http://placehold.it/32x32",
      "eyeColor": "green",
      "registered": "2014-08-17T09:21:18 -10:00",
      "tags": [
        "consequat",
        "ut",
        "qui",
        "nulla",
        "do",
        "sunt",
        "anim"
      ]
    };

    const removeItems = ['balance', 'picture', 'tags']
    console.log(formatObj(o, removeItems))

    function formatObj(obj, removeItems) {
      return {
        ...Object.keys(obj)
          .filter(item => !isInArray(item, removeItems))
          .reduce((newObj, item) => {
            return {
              ...newObj, [item]: obj[item]
            }
          }, {})
      }
    }

    function isInArray(value, array) {
      return array.indexOf(value) > -1;
    }

Warum nicht Sie anwenden filter-Bedingung reduzieren, so können Sie sich selbst eine Schleife?
danke für den Tipp @IvoSabev ich habe ein paar Funktionen in meinem code, wo ich die filter dann reduzieren Sie aber Ihren Vorschlag für die Zukunft, um speichern Sie die Schleife.

InformationsquelleAutor ak85

mit lodash cloneDeep und löschen

(Hinweis: lodash Klon kann stattdessen verwendet werden, für flache Objekte)

const obj = {a: 1, b: 2, c: 3}
const unwantedKey = 'a'

const _ = require('lodash')
const objCopy = _.cloneDeep(obj)
delete objCopy[unwantedKey]
//objCopy = {b: 2, c: 3}

InformationsquelleAutor FFF

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Update: