Editée le : 2020-04-29
Array.sort() permet divers tris sur les Array.
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/sort
La méthode la plus simple consiste à écrire:
var s = [ "matin", "après-midi", "soir", "nuit" ];
|
|
Tri alphabétique croissant |
var tab = [1,2,3,4,2,5,10];
|
|
aucun tri n'est effectué |
Pour effectuer certains tri, nous aurons donc besoin d'une autre
forme d'écriture.
Fort heureusement, il est possible de joindre en paramètre une fonction de
tri à slice()
|
code javascript |
exemple de tri |
Commentaires |
var items = ["réservé", "premier", "cliché", "communiqué",
"café" ,"adieu"];
|
|
|
var items = ["réservé", "premier", "cliché", "communiqué",
"café" ,"adieu"];
|
|
|
|
|
|
|
var tab = [1,2,3,4,2,5,6];
|
|
|
var tab = [1,2,3,4,2,5,6];
|
|
|
|
|
|
|
|
var DVD = [ [2,'D','releasedate2','details2'], [1,'B','releasedate1','details1'], [4,'E','releasedaten','detailsn'], [4,'C','releasedaten','detailsn'], [30,'F','releasedaten','detailsn'], [29,'G','releasedaten','detailsn'], [3,'A','releasedatea','detailsa'] ]; |
||
var t = DVD.sort((a, b) => a[1].localeCompare(b[1]) );
|
|
|
var t = DVD.sort((a, b) => a[1].localeCompare(b[1]) ||
a[0] - b[0]);
|
|
|
|
|
|
|
|
var employees = [ { firstName: "Julie", lastName: "Choisy", age: 43, gender: "F"}, { firstName: "Sophie", lastName: "Durant", age: 23, gender: "F" }, { firstName: "Jean", lastName: "Dupont", age: 34, gender: "M" }, { firstName: "Pierre", lastName: "Martin", age: 40, gender: "M" }, { firstName: "Dimitri", lastName: "Marcel", age: 54, gender: "M" } ]; |
||
var t = employees.sort((a, b) => a.age - b.age);
|
|
|
var t = employees.sort((a, b) => a.lastName.localeCompare(
b.lastName ) || a.age - b.age);
|
|
|
|
|
|
|
var dev = [['1','6'], ['1','5'],
['2','3'], ['0','3']];
|
|
|
var t = dev.sort((a, b) => (a[1].localeCompare( b[1] )
) || (a[0].localeCompare( b[0] ) ) );
|
|
|
dev.sort((a, b) => (a[1] - b[1]) || (a[0] - b[0]));
|
|
|
|
|
|
|
Pour obtenir des tris corrects il faut:
| Méthode |
|
|
|
Firefox: 52 et + |
|
|
Edge |
|
|
Chrome: 60 et + |
|
|
Opéra: 49 et + |
|
|
IE8 non testé |
|
|
Safari non testé |
Vous pouvez charger la bibliothèque cnx jQuery Addons comme ceci entre vos balises
<head>
<script src="../dossier/cnx.version.js"></script>
Dossier est le nom du répertoire où vous avez placé le fichier cnx; et
cnx.version.js le nom de ce fichier.
Pour nous contacter: claudecnx@blanquefort.net