Maison > interface Web > js tutoriel > Comment trier à l'aide de la méthode de tri javascript

Comment trier à l'aide de la méthode de tri javascript

青灯夜游
Libérer: 2023-01-07 11:43:57
original
12798 Les gens l'ont consulté

En javascript, la méthode sort est utilisée pour trier les éléments d'un tableau en fonction de certaines conditions. Si la méthode sort() est appelée sans passer d'arguments, les éléments du tableau sont triés par ordre alphabétique ; si un argument de fonction est fourni, les éléments du tableau sont triés selon l'ordre fourni par la fonction.

Comment trier à l'aide de la méthode de tri javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3. La méthode

sort() peut trier les éléments d'un tableau selon certaines conditions. Si la méthode sort() est appelée sans passer d’arguments, les éléments du tableau sont triés par ordre alphabétique.

var a = ["a","e","d","b","c"];  //定义数组
a.sort();  //按字母顺序对元素进行排序
console.log(a);  //返回数组[a,b,c,d,e]
Copier après la connexion

Lorsque vous utilisez la méthode sort(), vous devez faire attention aux problèmes suivants.

1) L'ordre dit alphabétique est en fait organisé selon l'ordre des lettres dans la table de codage des caractères. Chaque caractère a un numéro unique dans la table des caractères.

2) Si l'élément n'est pas une chaîne, la méthode sort() tente de convertir les éléments du tableau en une chaîne à des fins de comparaison.

3) La méthode sort() effectuera une comparaison bit par bit en fonction des valeurs des éléments, plutôt qu'un tri en fonction du nombre de chaînes.

var a = ["aba","baa","aab"];  定义数组
a.sort();  //按字母顺序对元素进行排序
console.log(a);  //返回数组[aab,aba,baa]
Copier après la connexion

Lors du tri, comparez d'abord le premier caractère de chaque élément. Si le premier caractère est le même, comparez le deuxième caractère, et ainsi de suite.

4) Dans tous les cas, les éléments non définis du tableau sont triés à la fin.

5) La méthode sort() effectue des opérations de tri sur la base du tableau d'origine et ne crée pas de nouveau tableau. La méthode

sort() trie non seulement par ordre alphabétique, mais peut également effectuer des opérations basées sur d'autres ordres. Dans ce cas, la méthode doit être fournie avec un paramètre de fonction qui compare les deux valeurs et renvoie un nombre qui décrit l'ordre relatif des deux valeurs. La fonction de tri doit avoir deux paramètres a et b, et sa valeur de retour est la suivante.

  • Si a est inférieur à b selon les critères personnalisés, a doit apparaître avant b dans le tableau trié et une valeur inférieure à 0 est renvoyée.

  • Si a est égal à b, renvoie 0.

  • Si a est supérieur à b, renvoie une valeur supérieure à 0.

Exemple 1

Dans l'exemple suivant, la taille de chaque élément du tableau sera comparée en fonction de la fonction de tri, et le tri sera effectué du plus petit au plus grand.

function f(a,b) {  //排序函数
    return (a - b);  //返回比较参数
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定义数组
a.sort(f);  //根据数字大小由小到大进行排序
console.log(a);  //返回数组[0,1,2,3,4,5,6,4,7,8,9]
Copier après la connexion

S'il est exécuté dans l'ordre du plus grand au plus petit, annulez simplement la valeur de retour. Le code est le suivant :

function f(a,b) {  //排序函数
    return -(a - b);  //取反并返回比较参数
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定义数组
a.sort(f);  //根据数字大小由小到大进行排序
console.log(a);  //返回数组[9,8,7,6,5,4,3,2,1,0]
Copier après la connexion

Exemple 2

Organisez les tableaux en fonction de propriétés paires et impaires.

sort() est plus flexible dans son utilisation, principalement pour le tri et la comparaison des fonctions. Par exemple, si vous triez un tableau selon des nombres pairs et impairs, il vous suffit de déterminer si les deux paramètres de la fonction de séquence sont des nombres pairs et impairs et de déterminer l'ordre de tri. La méthode

function f(a, b) {  //排序函数
    var a = a % 2;  //获取参数a的奇偶性
    var b = b % 2;  //获取参数b的奇偶性
    if (a == 0) return 1;  //如果参数a为偶数,则排在左边
    if (b == 0) return -1;  //如果参数b为偶数,则排在右边
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定义数组
a.sort(f);  //根据数字大小由大到小进行排序
console.log(a);  //返回数组[3,1,5,7,9,0,8,6,4,2]
Copier après la connexion

sort() transmet chaque valeur d'élément à la fonction de tri lors de l'appel de la fonction de tri. Si la valeur de l'élément est un nombre pair, sa position restera inchangée si la valeur de l'élément est un nombre impair, l'affichage des paramètres ; a et b seront échangés, effectuant ainsi un tri impair-pair sur tous les éléments du tableau. Si vous souhaitez que les nombres pairs viennent en premier et les nombres impairs en dernier, il vous suffit d'obtenir la valeur de retour. La fonction de tri est la suivante.

function f(a, b) {
    var a = a % 2;
    var b = b % 2;
    if (a == 0) return -1;
    if (b == 0) return 1;
}
Copier après la connexion

Exemple 3

Triez les chaînes sans tenir compte de la casse.

Dans des circonstances normales, le tri des chaînes est sensible à la casse, car l'ordre de chaque lettre majuscule et minuscule dans la table de codage de caractères est différent et les lettres majuscules sont plus grandes que les lettres minuscules.

var a = ["aB", "Ab", "Ba", "bA"];  //定义数组
a.sort();  //默认方法排序
console.log(a);  //返回数组["Ab", "Ba", "aB", "bA"]
Copier après la connexion

Les lettres majuscules sont toujours disposées à gauche. Si vous souhaitez que les lettres minuscules soient toujours disposées à gauche, vous pouvez concevoir :

function f(a ,b) {
    return (a < b);
}
var a = ["aB", "Ab", "Ba", "bA"];  //定义数组
a.sort();  //默认方法排序
console.log(a);  //返回数组["Ab", "Ba", "aB", "bA"]
Copier après la connexion

Lors de la comparaison des tailles des lettres, JavaScript est déterminé en fonction de la taille d'encodage des caractères. c'est vrai, si c'est faux, il renvoie 1 ; si c'est faux, il renvoie -1.

Si vous ne voulez pas être sensible à la casse et que les lettres majuscules et les lettres minuscules sont disposées dans le même ordre, vous pouvez concevoir :

function f(a, b) {
    var a = a.toLowerCase;
    var b = b.toLowerCase; 
    if (a < b) {
        return 1;
    }
    else {
        return -1;
    }
}
var a = ["aB", "Ab", "Ba", "bA"];  //定义数组
a.sort();  //默认方法排序
console.log(a);  //返回数组["aB", "Ab", "Ba", "bA"]
Copier après la connexion

Si vous souhaitez ajuster l'ordre de tri, définissez simplement la valeur de retour sur inversé.

Exemple 4

Affichez séparément les nombres à virgule flottante et les entiers.

function f(a, b) {  //排序函数
    if (a > Math.floor(a)) return 1;  //如果a是浮点数,则调换位置
    if (b > Math.floor(b)) return -1;  //如果b是浮点数,则调换位置
}
var a = [3.5555, 1.23456, 3, 2.11111, 5, 7, 3];  //定义数组
a.sort(f);  //进行筛选
console.log(a);  //返回数组[3,5,7,3,2.11111,1.23456,3.55555]
Copier après la connexion

Si vous souhaitez ajuster l'ordre de tri, définissez simplement la valeur de retour pour qu'elle soit inversée.

【Apprentissage recommandé : Tutoriel avancé javascript

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal