Was ist der kürzeste Weg, um unveränderliche Objekte mit Spread-und Destrukturierung Operatoren zu ändern

Question

Ich bin auf der Suche nach einer reinen Funktion, mein unveränderliches Statusobjekt zu ändern. Der ursprüngliche als Parameter angegebene Zustand muss unberührt bleiben. Dies ist besonders nützlich beim Arbeiten mit Frameworks wie Redux und macht das Arbeiten mit immutable Objekt in Javascript viel einfacher. Zumal das Arbeiten mit dem Objektspreiz-Operator über Babel bereits möglich ist.

ich etwas besser als zuerst das Objekt kopieren und als assign/löschen Sie die Eigenschaft ich so nicht gefunden werden soll:

function updateState(state, item) { 
    newState = {...state}; 
    newState[item.id] = item; 
    return newState; 
} 

function deleteProperty(state, id) { 
    var newState = {...state}; 
    delete newState[id]; 
    return newState; 
} 

Ich fühle mich wie es

kürzer sein könnte

Answer 1

Aktionen auf Zustand, wo Staat als unveränderlich betrachtet wird.

Hinzufügen oder Aktualisieren des Wertes einer Eigenschaft:

// ES6: 
function updateState(state, item) { 
    return Object.assign({}, state, {[item.id]: item}); 
} 

// With Object Spread: 
function updateState(state, item) { 
    return { 
    ...state, 
    [item.id]: item 
    }; 
} 

Löschen einer Eigenschaft

// ES6: 
function deleteProperty(state, id) { 
    var newState = Object.assign({}, state); 
    delete newState[id]; 
    return newState; 
} 

// With Object Spread: 
function deleteProperty(state, id) { 
    let {[id]: deleted, ...newState} = state; 
    return newState; 
} 

// Or even shorter as helper function: 
function deleteProperty({[id]: deleted, ...newState}, id) { 
    return newState; 
} 

// Or inline: 
function deleteProperty(state, id) { 
    return (({[id]: deleted, ...state}) => state)(state); 
} 

Answer 2

Eine ES6 Lösung, die ein bisschen mehr hat Unterstützung ist Object.assign:

const updateState = (state, item) => Object.assign({}, state, { [item.id]: item }); 

Answer 3

Entfernen von Artikel aus einem Array, verwenden Sie einfach Filter;)

CASE 'REMOVE_ITEM_SUCCESS': 

     let items = state.items.filter(element => element._id !== action.id); 

     return { 
      ...state, 
      items 
     }