Comment trier un tableau d'objets par propriété de date ?

Question

Disons que j'ai un tableau de quelques objets :

var array = [{id: 1, date: Mar 12 2012 10:00:00 AM}, {id: 2, date: Mar 8 2012 08:00:00 AM}];

Comment puis-je trier ce tableau en fonction de l'élément date, en commençant par la date la plus proche de la date et de l'heure actuelles ? Gardez à l'esprit que le tableau peut contenir de nombreux objets, mais pour des raisons de simplicité, j'en ai utilisé 2.

Dois-je utiliser la fonction de tri et un comparateur personnalisé ?

Answer 1

Réponse la plus simple

array.sort(function(a,b){
  // Turn your strings into dates, and then subtract them
  // to get a value that is either negative, positive, or zero.
  return new Date(b.date) - new Date(a.date);
});

Réponse plus générique

array.sort(function(o1,o2){
  if (sort_o1_before_o2)    return -1;
  else if(sort_o1_after_o2) return  1;
  else                      return  0;
});

Ou plus simplement :

array.sort(function(o1,o2){
  return sort_o1_before_o2 ? -1 : sort_o1_after_o2 ? 1 : 0;
});

Réponse générique et puissante

Définir une variable personnalisée non énumérable sortBy à l'aide d'un Transformation de Schwartz sur tous les tableaux :

(function(){
  if (typeof Object.defineProperty === 'function'){
    try{Object.defineProperty(Array.prototype,'sortBy',{value:sb}); }catch(e){}
  }
  if (!Array.prototype.sortBy) Array.prototype.sortBy = sb;

  function sb(f){
    for (var i=this.length;i;){
      var o = this[--i];
      this[i] = [].concat(f.call(o,o,i),o);
    }
    this.sort(function(a,b){
      for (var i=0,len=a.length;i<len;++i){
        if (a[i]!=b[i]) return a[i]<b[i]?-1:1;
      }
      return 0;
    });
    for (var i=this.length;i;){
      this[--i]=this[i][this[i].length-1];
    }
    return this;
  }
})();

Utilisez-le comme suit :

array.sortBy(function(o){ return o.date });

Si votre date n'est pas directement comparable, faites-en une date comparable, par exemple

array.sortBy(function(o){ return new Date( o.date ) });

Vous pouvez également l'utiliser pour trier sur plusieurs critères si vous renvoyez un tableau de valeurs :

// Sort by date, then score (reversed), then name
array.sortBy(function(o){ return [ o.date, -o.score, o.name ] };

Voir http://phrogz.net/JS/Array.prototype.sortBy.js pour plus de détails.

Answer 2

Les réponses de @Phrogz sont toutes deux excellentes, mais voici une réponse plus concise :

array.sort(function(a,b){return a.getTime() - b.getTime()});

Utilisation de la fonction flèche

array.sort((a,b)=>a.getTime()-b.getTime());

se trouve ici : Trier la date en Javascript

Answer 3

Après avoir corrigé le JSON, cela devrait fonctionner pour vous maintenant :

var array = [{id: 1, date:'Mar 12 2012 10:00:00 AM'}, {id: 2, date:'Mar 8 2012 08:00:00 AM'}];

array.sort(function(a, b) {
    var c = new Date(a.date);
    var d = new Date(b.date);
    return c-d;
});

Answer 4

Vos données doivent être corrigées :

var array = [{id: 1, date: "Mar 12 2012 10:00:00 AM"},{id: 2, date: "Mar 28 2012 08:00:00 AM"}];

Après avoir corrigé les données, vous pouvez utiliser ce morceau de code :

function sortFunction(a,b){  
    var dateA = new Date(a.date).getTime();
    var dateB = new Date(b.date).getTime();
    return dateA > dateB ? 1 : -1;  
}; 

var array = [{id: 1, date: "Mar 12 2012 10:00:00 AM"},{id: 2, date: "Mar 28 2012 08:00:00 AM"}];
array.sort(sortFunction);

Answer 5

Vous pouvez également utiliser cette lien . il fournit des fonctions de rappel qui peuvent être passées à des fonctions génériques. sort() fonction