Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich ein Element innerhalb eines JavaScript-Arrays effizient verschieben?

Mary-Kate Olsen
Freigeben: 2024-11-25 22:07:11
Original
169 Leute haben es durchsucht

How Can I Efficiently Move an Element Within a JavaScript Array?

Elemente innerhalb eines Arrays verschieben

Bei der Programmierung ist es oft notwendig, Arrays zu manipulieren, indem man die Positionen ihrer Elemente ändert. Eine häufige Operation ist das Verschieben eines Elements von einer Array-Position zu einer anderen.

Die Herausforderung

Betrachten Sie das folgende Array:

var array = [ 'a', 'b', 'c', 'd', 'e'];
Nach dem Login kopieren

Die Aufgabe besteht darin, eine Funktion zu schreiben, mit der Sie jedes Element des Arrays an einen angegebenen Index verschieben können. Beispielsweise möchten Sie möglicherweise „d“ nach links von „b“ oder „a“ nach rechts von „c“ verschieben.

Die Lösung

Nachfolgend finden Sie eine JavaScript-Funktion, die diese Herausforderung bewältigt:

function array_move(arr, old_index, new_index) {
    if (new_index >= arr.length) {
        var k = new_index - arr.length + 1;
        while (k--) {
            arr.push(undefined);
        }
    }
    arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);
}
Nach dem Login kopieren

Nutzung

An Um ein Element zu verschieben, rufen Sie einfach die Funktion array_move mit den folgenden Argumenten auf:

  • arr: Das Array, das Sie ändern möchten.
  • old_index: Der aktuelle Index des Elements, das Sie verschieben möchten .
  • new_index: Der gewünschte Index für das Element, nachdem es verschoben wurde.

Zum Beispiel zum Verschieben Wenn Sie „d“ links von „b“ einfügen, würden Sie Folgendes aufrufen:

array_move(array, 3, 1);
Nach dem Login kopieren

Dies würde zu folgendem Array führen:

['a', 'd', 'b', 'c', 'e']
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich ein Element innerhalb eines JavaScript-Arrays effizient verschieben?. 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