Array-Elemente in JavaScript verschieben

Einführung

In diesem Lab werden wir eine interessante JavaScript-Funktion erkunden, die uns ermöglicht, Array-Elemente um eine bestimmte Anzahl zu verschieben. Wir werden lernen, wie die Array.prototype.slice()-Methode und der Spread-Operator verwendet werden, um Elemente entweder von Anfang bis Ende oder von Ende bis Anfang des Arrays basierend auf dem Wert des Offsets zu verschieben. Dieses Lab ist dazu gedacht, JavaScript-Entwicklern dabei zu helfen, ihr Verständnis der Manipulation von Arrays zu verbessern.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28527{{"Array-Elemente verschieben"}} javascript/data_types -.-> lab-28527{{"Array-Elemente verschieben"}} javascript/arith_ops -.-> lab-28527{{"Array-Elemente verschieben"}} javascript/comp_ops -.-> lab-28527{{"Array-Elemente verschieben"}} javascript/spread_rest -.-> lab-28527{{"Array-Elemente verschieben"}} end

Wie man Array-Elemente in JavaScript verschiebt

Um eine bestimmte Anzahl von Elementen ans Ende eines JavaScript-Arrays zu verschieben, folgen Sie diesen Schritten:

Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
Verwenden Sie die Array.prototype.slice()-Methode zweimal, um die Elemente nach dem angegebenen Index und die Elemente davor zu erhalten.
Verwenden Sie den Spread-Operator (...), um die beiden Arrays zu einem einzigen zu kombinieren.
Wenn der offset negativ ist, werden die Elemente vom Ende bis zum Anfang des Arrays verschoben.

Hier ist ein Beispielcodeausschnitt, der die offset-Funktion implementiert:

const offset = (arr, offset) => [...arr.slice(offset), ...arr.slice(0, offset)];

Sie können dann die Funktion mit Ihren gewünschten Array- und Offsetwerten aufrufen:

offset([1, 2, 3, 4, 5], 2); // [3, 4, 5, 1, 2]
offset([1, 2, 3, 4, 5], -2); // [4, 5, 1, 2, 3]

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Offset Array Elements" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.