Come posso ottenere un valore da un oggetto specifico da una mappa js immutabile?

Question

Ho creato una mappa immutabile (con Immutable-JS) da un elenco di oggetti:

var result = [{'id': 2}, {'id': 4}]; 
var map = Immutable.fromJS(result); 

Ora voglio ottenere l'oggetto con id = 4.

C'è un modo più semplice di così:

var object = map.filter(function(obj){ 
return obj.get('id') === 4 
}).first(); 

Answer 1

In sostanza, no: si sta eseguendo un elenco di ricerca per valore, non per indice, quindi sarà sempre un attraversamento lineare.

Un miglioramento sarebbe quella di utilizzare find invece di filter:

var result = map.find(function(obj){return obj.get('id') === 4;}); 

Answer 2

C'è già un modo questo è più facile? Non lo so. ma puoi scrivere la tua funzione. Qualcosa del genere dovrebbe funzionare:

var myFunc = function(id){ 

    var object = map.filter(function(obj){return obj.get('id') === id}).first(); 

    return object; 
} 

Poi si dovrebbe solo fare:
var myObj = myFunc(4);

Answer 3

La prima cosa da notare è che non si è in realtà la creazione di una mappa, si sta creando un elenco:

var result = [{'id': 2}, {'id': 4}]; 
var map = Immutable.fromJS(result); 

Immutable.Map.isMap(map); // false 
Immutable.List.isList(map); // true 

Per creare una mappa è possibile utilizzare un argomento reviver nella propria chiamata (docs), ma non è certamente l'API più intuitiva, in alternativa è possibile effettuare una delle seguenti operazioni:

// lets use letters rather than numbers as numbers get coerced to strings anyway 
var result = [{'id': 'a'}, {'id': 'b'}]; 
var map = Immutable.Map(result.reduce(function(previous, current) { 
    previous[ current.id ] = current; 
    return previous; 
}, {})); 

Immutable.Map.isMap(map); // true 

Ora abbiamo una mappa corretta Immutable.js che ha un metodo get

var item = Map.get('a'); // {id: 'a'} 

Answer 4

Può essere importante per garantire l'ordine della matrice. Se questo è il caso:

1. Utilizzare un OrderedMap
2. fare un metodo set sulla OrderedMap ad ogni iterazione della matrice di origine

L'esempio che segue utilizza "withMutations" per migliorare le prestazioni.

var OrderedMap = Immutable.OrderedMap 


// Get new OrderedMap 
function getOm(arr) { 
    return OrderedMap().withMutations(map => { 
     arr.forEach(item => map.set(item.id, item)) 
    }) 
} 

// Source collection 
var srcArray = [ 
    { 
     id: 123, 
     value: 'foo' 
    }, 
    { 
     id: 456, 
     value: 'bar' 
    } 
] 


var myOrderedMap = getOm(srcArray) 

myOrderedMap.get(123) 
// --> { id: 123, value: 'foo' } 

myOrderedMap.toObject() 
// --> { 123: {id: 123, value: 'foo'}, 456: {id: 456, value: 'bar'} } 

myOrderedMap.toArray() 
// --> [ {id: 123, value: 'foo'}, { id: 456, value: 'bar' } ] 

Answer 5

Quando si utilizza fromJS per array, si ottiene Elenco non mappa. Sarà migliore e più facile se crei una mappa. Il seguente codice convertirà il risultato in mappa Immutable.

const map = result.reduce((map, json) => 
    map.set(json.id, Immutable.fromJS(json)) 
    , Map()); 

Ora, è possibile

map.get('2'); //{'id': 2} 

nota, se il risultato è annidato struttura e se questo abbia matrice, sarà un elenco con il codice qui sopra.

Answer 6

Con sintassi ES2015 (e costanti):

const result = map.find(o => o.get('id') === 4);