如何从Immutable中的数组中删除对象？

Question

鉴于这样的状态:

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

如何创建删除ID"a1"的新状态？推送新商品很容易:

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

但我无法弄清楚如何通过其id属性搜索和删除对象.我试过这个:

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

但它似乎很乱,加上只有找到项目才有效,因为如果findIndex返回-1,那就是有效值delete.

Answer 1

你可以用Array#filter.

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

Answer 2

当你使用过滤器时,它迭代所有循环 - >一种有效的方法是找到index => slice并使用splitter ...

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

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

Answer 3

或者，当您“搜索然后删除”时...

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

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

这将确保在没有更改时状态不会发生变化。