web-dev-qa-db-fra.com

Comment trier un tableau d'objets avec jquery ou javascript

J'ai un tableau d'objets:

var array = [(id, name, value),(id, name, value)]; //and so on

Comment faire pour que le tableau soit trié dans l'ordre croissant du nom d'attribut (array[i][1])?

J'ai essayé de faire ceci: array[i][1].sort(), mais cela ne fonctionne pas.

Aidez-moi, s'il vous plaît!

Edit: le tableau peut contenir plus de deux objets! Il peut contenir des centaines.

Edit: Pourquoi cette question est-elle marquée comme un doublon, alors qu'elle était posée deux ans avant la question "dupliquée"?

198
//This will sort your array
function SortByName(a, b){
  var aName = a.name.toLowerCase();
  var bName = b.name.toLowerCase(); 
  return ((aName < bName) ? -1 : ((aName > bName) ? 1 : 0));
}

array.sort(SortByName);
383
Ketan
var array = [[1, "grape", 42], [2, "fruit", 9]];

array.sort(function(a, b)
{
    // a and b will here be two objects from the array
    // thus a[1] and b[1] will equal the names

    // if they are equal, return 0 (no sorting)
    if (a[1] == b[1]) { return 0; }
    if (a[1] > b[1])
    {
        // if a should come after b, return 1
        return 1;
    }
    else
    {
        // if b should come after a, return -1
        return -1;
    }
});

La fonction sort prend un argument supplémentaire, une fonction qui prend deux arguments. Cette fonction doit renvoyer -1, 0 ou 1, en fonction du ou des deux arguments qui doivent figurer en premier dans le tri. Plus d'infos .

J'ai également corrigé une erreur de syntaxe dans votre tableau multidimensionnel.

38
Håvard
//objects
var array = [{id:'12', name:'Smith', value:1},{id:'13', name:'Jones', value:2}];
array.sort(function(a, b){
    var a1= a.name.toLower(), b1= b.name.toLower();
    if(a1== b1) return 0;
    return a1> b1? 1: -1;
});

//arrays
var array =[ ['12', ,'Smith',1],['13', 'Jones',2]];
array.sort(function(a, b){
    var a1= a[1], b1= b[1];
    if(a1== b1) return 0;
    return a1> b1? 1: -1;
});
27
kennebec
data.sort(function(a,b) 
{
   return a.val - b.val;
});
17
Wes

la méthode de tri contient un argument facultatif permettant de transmettre une fonction de comparaison personnalisée.

En supposant que vous vouliez un tableau de tableaux:

var arr = [[3, "Mike", 20],[5, "Alex", 15]];

function compareName(a, b)
{

  if (a[1] < b[1]) return -1;
  if (a[1] > b[1]) return 1;
  return 0;
}
arr.sort(compareName);

Sinon, si vous vouliez un tableau d'objets, vous pourriez faire:

function compareName(a, b)
{

  if (a.name < b.name) return -1;
  if (a.name > b.name) return 1;
  return 0;
}
11
Mike Lewis

Eh bien, il semble qu'au lieu de créer un véritable tableau multidimensionnel, vous avez créé un tableau d'objets (presque) JavaScript. Essayez de définir vos tableaux comme ceci ->

var array = [ [id,name,value], [id,name,value] ]

J'espère que ça aide!

3
Hacknightly