Maison >interface Web >js tutoriel >Coder des exemples d'opérations détaillés pour trier les tableaux et les tableaux d'objets dans JS

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

王林
王林original
2019-08-21 11:54:452101parcourir

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]

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]

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},

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!

Déclaration:
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