Comment utiliser sort() en js-js tutoriel-php.cn

Comment utiliser sort() en js

小云云

Libérer： 2018-03-13 17:15:09

original

2079 Les gens l'ont consulté

Si cette méthode est appelée sans paramètres, les éléments du tableau seront triés par ordre alphabétique, ou plus précisément, par ordre d'encodage des caractères. Pour y parvenir, convertissez d’abord les éléments du tableau en chaînes (si nécessaire) à des fins de comparaison.

La méthode array.sort() utilise par défaut un tri ascendant. Si vous souhaitez trier selon d'autres critères, vous devez fournir une fonction de comparaison. Cette fonction compare deux valeurs puis renvoie une valeur à décrire. les deux valeurs. La fonction de comparaison doit avoir deux paramètres a et b, et sa valeur de retour est la suivante :

Si a est inférieur à b, a doit apparaître avant b dans le tableau trié, puis renvoyer une valeur inférieure à la valeur 0.
Si a est égal à b, renvoie 0.
Si a est supérieur à b, renvoie une valeur supérieure à 0.

Simple : comparez les deux paramètres a et b de la fonction, renvoyez a-b par ordre croissant et renvoyez b-a par ordre décroissant

Voici quelques exemples pour comprendre

Ordre croissant des tableaux ordinaires

var arr = [4,3,6,5,7,2,1];
arr.sort();
console.log(arr);//输出结果[1,2,3,4,5,6,7]

Copier après la connexion

Ordre décroissant des données ordinaires

var arr = [4,3,6,5,7,2,1];
arr.sort();
arr.sort(function(a,b){    return b-a;
});
console.log(arr);//输出结果[7,6,5,4,3,2,1]

Copier après la connexion

Tri des tableaux d'objets

var arr= [ 
    { &#39;sortNo&#39;: 2},
    { &#39;sortNo&#39;: 1},
    { &#39;sortNo&#39;: 5},
    { &#39;sortNo&#39;: 6},
    { &#39;sortNo&#39;: 7},
    { &#39;sortNo&#39;: 3},
    { &#39;sortNo&#39;: 9},
    { &#39;sortNo&#39;: 4},
    { &#39;sortNo&#39;: 0}
];
arr.sort(function(a, b){        return a.sortNo - b.sortNo;
});
console.log(arr);//输出结果//{ &#39;sortNo&#39;: 2}//{ &#39;sortNo&#39;: 1}//{ &#39;sortNo&#39;: 5}//{ &#39;sortNo&#39;: 6}//{ &#39;sortNo&#39;: 7}//{ &#39;sortNo&#39;: 3}//{ &#39;sortNo&#39;: 9}//{ &#39;sortNo&#39;: 4}//{ &#39;sortNo&#39;: 0}

Copier après la connexion

Tableau d'objets multi-conditions sorting

(cet exemple Si le sortNo est le même, appuyez sur sortNo2 de grand à petit)

var arr= [ 
    { &#39;sortNo&#39;: 2, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 1, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 5, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 6, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 7, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 4},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 2},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 1},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 8, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 1},
    { &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 2}
];
arr.sort(function(a, b){    if (a.sortNo === b.sortNo) {            return b.sortNo2 - a.sortNo2;
    } else {            return a.sortNo - b.sortNo;
    }
});
console.log(arr); 

//输出结果//{ &#39;sortNo&#39;: 1, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 2, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 4}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 2}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 1}//{ &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 2}//{ &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 1}//{ &#39;sortNo&#39;: 5, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 6, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 7, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 8, &#39;sortNo2&#39;: 3}

Copier après la connexion

Recommandations associées :

Exemple détaillé de tableau JavaScript méthodes sorting reverse() et sort()

Comment fonctionne la fonction sort() en JavaScript

Méthode JavaScript sort()

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!