Лучший способ удалить элемент из списка внутри карты в Immutable.js

Question

Я использую Facebook's Immutable.js, чтобы ускорить приложение React, чтобы воспользоваться PureRender mixin. Одна из моих структур данных - Map(), и один из ключей на этой карте имеет значение List<Map>(). Мне интересно, не зная индекс элемента, который я хочу удалить из List(), что это лучший способ его удалить? До сих пор я придумал ниже. Это лучший (самый эффективный) способ?

// this.graphs is a Map() which contains a List<Map>() under the key "metrics" 
onRemoveMetric: function(graphId, metricUUID) { 
    var index = this.graphs.getIn([graphId, "metrics"]).findIndex(function(metric) { 
     return metric.get("uuid") === metricUUID; 
    }); 
    this.graphs = this.graphs.deleteIn([graphdId, "metrics", index]); 
} 

(. Я рассмотрел перемещение List<Map>() к Map() самого, поскольку каждый элемент в списке имеет UUID, однако, я не в тот момент еще)

Answer 1

Вы можете использовать Map.filter:

С точки зрения производительности переход на карту, вероятно, будет более эффективным, так как этот код (например, ваш) должен перебирать элементы в списке.

Answer 2

Использование updateIn как предложено @YakirNa, это будет выглядеть ниже.

ES6:

onRemoveMetric(graphId, metricUUID) { 
    this.graphs = this.graphs.updateIn([graphId, 'metrics'], 
     (metrics) => metrics.filter(
     (metric) => metric.get('uuid') !== metricUUID 
    ) 
    ); 
    } 

ES5:

onRemoveMetric: function(graphId, metricUUID) { 
    this.graphs = this.graphs.updateIn([graphId, "metrics"], function(metrics) { 
     return metrics.filter(function(metric) { 
     return metric.get("uuid") !== metricUUID; 
     }); 
    }); 
    }