Heim > Web-Frontend > js-Tutorial > Wie ordne ich ein JavaScript-Array basierend auf der Reihenfolge eines anderen Arrays neu an?

Wie ordne ich ein JavaScript-Array basierend auf der Reihenfolge eines anderen Arrays neu an?

Susan Sarandon
Freigeben: 2024-12-13 04:55:14
Original
175 Leute haben es durchsucht

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

So sortieren Sie ein JavaScript-Array basierend auf der Reihenfolge eines anderen Arrays

Stellen Sie sich ein komplexes Szenario vor, in dem Sie ein Array (itemsArray) basierend auf der in einem anderen Array definierten Reihenfolge neu organisieren müssen Array (sortingArr). In diesem Fall gibt es keine IDs, die diese Anpassung erleichtern.

Um diese Neuordnung zu erreichen, verwenden Sie den folgenden JavaScript-Code:

itemsArray.sort(function(a, b){
  return sortingArr.indexOf(a) - sortingArr.indexOf(b);
});
Nach dem Login kopieren

Dieser prägnante Code funktioniert durch den Vergleich der Positionen der jeweiligen Elemente in sortingArr. Es berechnet die Differenz zwischen ihren Positionen und nutzt diese Differenz, um die neue Reihenfolge innerhalb von itemsArray zu bestimmen.

Für eine kompaktere Version führt der folgende Code dieselbe Aufgabe aus:

itemsArray.sort((a, b) => sortingArr.indexOf(a) - sortingArr.indexOf(b));
Nach dem Login kopieren

Durch die Verwendung Mit diesen Sortiertechniken können Sie die Anordnung von itemsArray mühelos an die gewünschte Reihenfolge anpassen, die in sortingArr.

angegeben ist

Das obige ist der detaillierte Inhalt vonWie ordne ich ein JavaScript-Array basierend auf der Reihenfolge eines anderen Arrays neu an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage