Qual è il modo più breve per modificare gli oggetti immutabili utilizzando operatori di diffusione e destrutturazione

Question

Sto cercando una funzione pura, per modificare il mio oggetto stato immutabile. Lo stato originale indicato come parametro non deve essere modificato. Ciò è particolarmente utile quando si lavora con framework come Redux e rende molto più facile lavorare con l'oggetto immutable in javascript. Soprattutto dal momento che lavorare con l'operatore di spread di oggetti usando Babel è già possibile.

non ho trovato nulla di meglio che prima copiare l'oggetto, e di assegnare/eliminare la proprietà che voglio in questo modo:

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

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

Mi sento come potrebbe essere più breve

Answer 1

azioni sullo stato, dove lo stato è considerato immutabile.

Aggiunta o aggiornamento del valore di una proprietà:

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

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

Eliminazione di una proprietà

// 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

soluzione

Un ES6, che ha un po 'più di supporto è Object.assign:

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

Answer 3

Rimozione di un elemento da un array, utilizzare solo il filtro;)

CASE 'REMOVE_ITEM_SUCCESS': 

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

     return { 
      ...state, 
      items 
     }