Come rimuovere un oggetto da una matrice in Immutable?

Question

Dato uno stato come questo:

state = { 
    things: [ 
    { id: 'a1', name: 'thing 1' }, 
    { id: 'a2', name: 'thing 2' }, 
    ], 
}; 

Come si crea un nuovo stato in cui viene rimosso ID "a1"? E 'abbastanza facile da spingere nuovi elementi:

return state.set(state.get('things').push(newThing)); 

Ma io non riesco a capire come cercare e rimuovere un oggetto dalla sua proprietà id. Ho provato questo:

return state.set('tracks', 
    state.get('tracks').delete(
    state.get('tracks').findIndex(x => x.get('id') === 'a2') 
) 
) 

Ma sembra disordinato, più esso funziona solo se l'articolo è trovato, perché se findIndex rendimenti -1, che è un valore valido per delete.

Answer 1

È possibile utilizzare Array#filter.

return state.set('things', state.get('things').filter(o => o.get('id') !== 'a1')); 

Answer 2

In alternativa, come sei "la ricerca e quindi l'eliminazione di" ...

var itemIndex = this.state.get("tracks").findIndex(x => x.get('id') === 'a2'); 

return itemIndex > -1 ? this.state.deleteIn(["tracks", itemIndex]) : this.state; 

Questo farà sì che lo Stato non è mutato, quando non ci sono cambiamenti.

Answer 3

Trovato questo thread durante la ricerca di una soluzione per un'attività simile. risolto con update metodo:

return state.update('things', (things) => things.filter((t) => t.id !== action.things.id)) 

qualche idea/commento che uno è migliore/preferito?

Answer 4

Quando si utilizza il filtro si itera tutto il ciclo -> un modo efficace sta trovando index => fetta e l'utilizzo di splitter ...

const index = state.findIndex(data => data.id === action.id); 

return [...state.slice(0, index), ...state.slice(index + 1)];