Tengo una matriz de objetos donde el objeto se ve así (los valores cambian):
{ stats: { hp: 2, mp: 0, defence: 4, agility: 11, speed: 6, strength: 31 } }Quiero ordenarlos en orden descendente por velocidad haciendo:
array.sort((a, b) => { return b.stats.speed - a.stats.speed })Sin embargo, recibo este error y realmente no puedo descifrar lo que está pasando:
TypeError: no se puede asignar a la propiedad de solo lectura '2' del objeto '[matriz de objetos]'
¿Qué me estoy perdiendo?
Editar: matriz de objetos en la tienda redux:
const enemyDefaultState = [ { name: 'European Boy1', stats: { hp: 2, mp: 0, defence: 4, agility: 11, speed: 6, strength: 31 } }, { name: 'European Boy2', stats: { hp: 2, mp: 0, defence: 4, agility: 4, speed: 2, strength: 31 } }, { name: 'European Boy3', stats: { hp: 2, mp: 0, defence: 4, agility: 7, speed: 7, strength: 31 } },]
Importo la matriz y la asigno a la variable:
let enemies = getState().enemy; if (enemies) { //sort by speed stat enemies.sort((a, b) => { return b.stats.speed - a.stats.speed }) }Debido a que la matriz está congelada en modo estricto , deberá copiar la matriz antes de ordenarla:
array = array.slice().sort((a, b) => b.stats.speed - a.stats.speed)La razón como dijo Patrick es porque la matriz está congelada. Entonces, cualquier método para copiar la matriz funcionará como el que él sugiere.
array = array.slice().sort((a, b) => b.stats.speed - a.stats.speed)
Solo quiero agregar que la razón por la que la matriz está congelada en su caso es porque está usando la matriz como accesorios de la tienda redux y los accesorios en React son inmutables, por lo tanto, no puede mutar la matriz.
La matriz se congela para evitar la mutación del estado redux. Utiliza reaccionar cloneElement(): https://reactjs.org/docs/react-api.html#cloneelement
[...enemies].sort((a, b) => { return b.stats.speed - a.stats.speed })