Étiquette : Javascript

JavaScript : Comment trier une liste et l’afficher sur une page web ?
Programmation

JavaScript : Comment trier une liste et l’afficher sur une page web ?

Lors d'un précédent billet, je vous avais présenté une méthode pour trier une liste en JavaScript. A l'époque, la sortie se faisait via la console. Dans la vraie vie du développeur Front, on affiche rarement le résultat sur la console (sauf pour débuguer). Aussi, avec ce nouvel article je vais vous montrer comment effectuer les mêmes tris mais avec un affichage sur une page web. Pour que ce soit joli, je vais utiliser Bootstrap pour donner un aspect sympathique à l'affichage. Structure HTML de la page Coté structure de la page en HTML, on reprend la base du dernier exemple avec les deux boutons permettant d'afficher le trie par âge et le trie par nom des personnages de notre jeu (reprise de l'exemple). Puis on prépare l'espace où on affichera le résultat après chaque clic sur l'...
JavaScript : Comment trier une liste ?
Programmation

JavaScript : Comment trier une liste ?

Trier le contenu de listes est un exercice courant lorsqu'on développe des applications ou un site web. Aussi, si vous travaillez avec JavaScript, vous serez amené à utiliser la méthode sort() qui permet de trier les éléments d'un tableau. Ceci étant dit, trier des nombres fonctionne très bien avec cette méthode. Mais trier des chaînes de caractères peut vous apporter quelques surprises. Je vous propose dans ce billet de vous présenter les deux possibilités : trier des nombres (facile) puis trier des chaînes de caractère. On plante le décor Avant de pouvoir s'amuser follement à trier en JavaScript, on besoin d'un peu de matière à manipuler. Imaginons un jeux de rôle avec de fiers guerriers caractérisés par un nom, un age et une arme : var warriors= [ { name: "Kraken", age: 21, wea...