tableau Tri des objets réducteur Redux

Question

Je suis en train de trier tableau comme thist (mon état):

[ 
     { 
      name:"Aenean in justo ante" 
     }, 
     { 
      name:"Phasellus viverra mattis dolor" 
     } 
] 

J'envoie une action au réducteur: (partie du réducteur)

case 'SORT_COLLECTION': 
     return state.sort(function(a, b){ 
    var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase() 
    if (nameA < nameB) 
     return -1 
    if (nameA > nameB) 
     return 1 
     return 0 
}) 

et ça ne marche pas Est-ce que Sombody pourrait me dire où est l'erreur?

Answer 1

La fonction de tri devrait fonctionner correctement. Mais vous ne devriez pas muter l'état d'origine dans le réducteur. Vous pouvez créer une copie du tableau state en appelant le state.slice() avant le tri.

case 'SORT_COLLECTION': 
    return state.slice().sort(function(a, b) { 
    var nameA = a.name.toLowerCase(), 
     nameB = b.name.toLowerCase() 
    if (nameA < nameB) 
     return -1 
    if (nameA > nameB) 
     return 1 
    return 0 
    }) 

Bien sûr, vous pouvez également définir une fonction de tri plus simple.

const state = [{name:'foo'},{name:'bar'},{name:'baz'}] 
 
const sortByKey = key => (a, b) => a[key] > b[key] 
 
const sorted = state.slice().sort(sortByKey('name')) 
 
console.log(`state=${JSON.stringify(state)}\nsorted=${JSON.stringify(sorted)}`)

Answer 2

si vous utilisez ES6, vous pouvez essayer comme ça state.sort((a,b) => a.name - b.name);

Answer 3

La méthode Array.prototype.sort vous oblige à retourner un integer ou un boolean.

La figure ci-dessous montre comment commander dans les deux sens.

var arr = [ 
 
     { 
 
      name:"Aenean jon justo ante" 
 
     }, 
 
     { 
 
      name:"Aenean in justo ante" 
 
     }, 
 
     { 
 
      name:"Phasellus viverra mattis dolor" 
 
     } 
 
] 
 

 
console.log("Alphabetical:", arr.sort((a,b) => a.name > b.name)); 
 
console.log("Reversed:", arr.sort((a,b) => a.name < b.name));