Maison > interface Web > js tutoriel > le corps du texte

Coder des exemples d'opérations détaillés pour trier les tableaux et les tableaux d'objets dans JS

王林
Libérer: 2019-08-21 11:54:45
original
2078 Les gens l'ont consulté

La discussion suivante est liée aux articles de didacticiel sur le tri des objets de tableau et aux exemples de code pour trier les tableaux et les tableaux d'objets via js. Le contenu est un didacticiel soigneusement sélectionné et organisé. J'espère qu'il sera utile à tout le monde. contenu :

Tutoriel d'exemple de code pour trier les tableaux et les tableaux d'objets via js

Remarque : la méthode sort() modifiera le tableau d'origine, qui est par défaut l'ordre Unicode

Tutoriels vidéo recommandés sur js : https://www.php.cn/course/list/17/type/2.html

1. js La méthode de tri implémente le tri des tableaux

var arr = [2,3,13,17,4,19,1];
arr.sort() // [1, 13, 17, 19, 2, 3, 4]
Copier après la connexion

Si vous souhaitez trier le tableau en fonction de la taille, vous devez ajouter la fonction de comparaison

var arr = [2,3,13,17,4,19,1];
arr.sort(function(a,b){ // 比较函数
   return b - a;    // 降序, 升序为 a - b 
})
console.log(arr) //  [19, 17, 13, 4, 3, 2, 1]
Copier après la connexion

au tri () méthode de js. 2. js La méthode sort implémente le tri des tableaux d'objets

est similaire à l'utilisation dans les tableaux

var arr = [
            { name:"小明", age:12 },
            { name:"小红", age:11 },
            { name:"小刚", age:15 },
            { name:"小华", age:13 }
        ];
        
function compare(p){ //比较函数
    return function(m,n){
        var a = m[p];
        var b = n[p];
        return a - b;
    }
}
arr.sort(compare("age"));
console.log(arr); 
//升序,结果: [{name: "小红", age: 11}, {name: "小明", age: 12}, {name: "小华", age: 13},
Copier après la connexion

Je voudrais signaler toute lacune, merci toi beaucoup!

Pour plus de questions liées à js, veuillez visiter le site Web PHP chinois, qui propose une multitude de didacticiels js.

Site Internet : https://www.php.cn/

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