Maison > interface Web > js tutoriel > Comment trier un tableau JavaScript en fonction de l'ordre d'un autre tableau ?

Comment trier un tableau JavaScript en fonction de l'ordre d'un autre tableau ?

Susan Sarandon
Libérer: 2024-12-14 07:26:09
original
201 Les gens l'ont consulté

How to Sort a JavaScript Array Based on Another Array's Order?

Tri d'un tableau JavaScript basé sur un autre tableau

Organiser des tableaux dans un ordre spécifique peut être une tâche difficile, surtout lorsque vous ne le faites pas avoir des pièces d'identité sur lesquelles s'appuyer. Considérez les tableaux suivants :

itemsArray = [
  ['Anne', 'a'],
  ['Bob', 'b'],
  ['Henry', 'b'],
  ['Andrew', 'd'],
  ['Jason', 'c'],
  ['Thomas', 'b'],
];

sortingArr = ['b', 'c', 'b', 'b', 'a', 'd'];
Copier après la connexion

L'objectif est de réorganiser itemsArray pour qu'il corresponde à l'ordre spécifié dans sortingArr. En utilisant une solution sur une seule ligne, vous pouvez y parvenir avec :

itemsArray.sort(function(a, b) {
  return sortingArr.indexOf(a[1]) - sortingArr.indexOf(b[1]);
});
Copier après la connexion

Ou, pour encore plus de concision :

itemsArray.sort((a, b) => sortingArr.indexOf(a[1]) - sortingArr.indexOf(b[1]));
Copier après la connexion

Ce code utilise des fonctions de tri de tableau pour réorganiser les élémentsArray en fonction du éléments de sortingArr. L'idée principale est de trier le tableau en fonction du deuxième élément de chaque tableau interne (par exemple, « a », « b », « c », « d »). Ce faisant, les éléments de itemsArray s'aligneront sur les priorités définies dans sortingArr.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal