Good Mood

Zusammenfassung: In diesem Tutorial erfahren Sie, wie Sie die splice() – Methode des JavaScript-Arrays verwenden, um vorhandene Elemente zu löschen, neue Elemente einzufügen und Elemente in einem Array zu ersetzen.

JavaScript-Array-Typ bietet eine sehr leistungsfähige splice() Methode, die es erlaubt das einfügen neuer Elemente in der Mitte des Arrays. Mit dieser Methode können Sie jedoch auch vorhandene Elemente löschen und ersetzen.,

Löschen von Elementen mit der splice () – Methode des JavaScript-Arrays

Um Elemente in einem Array zu löschen, übergeben Sie zwei Argumente wie folgt an die splice() – Methode:

Code language: JavaScript (javascript)

Die gibt die Position des ersten zu löschenden Elements an und das Argument num bestimmt die Anzahl der zu löschenden Elemente.

Diesplice() – Methode ändert das ursprüngliche Array und gibt ein Array zurück, das die gelöschten Elemente enthält.

Schauen wir uns das folgende Beispiel an.,

Angenommen, Sie haben ein Array scores, das fünf Zahlen von 1 bis 5 enthält.

Code language: JavaScript (javascript)

Die folgende Anweisung löscht drei Elemente des Arrays scores ausgehend vom ersten Element.

Code language: JavaScript (javascript)

Das Array scores enthält nun zwei Elemente.

Code language: JavaScript (javascript)

Und deletedScores array enthält drei Elemente.

Code language: JavaScript (javascript)

Die folgende Abbildung veranschaulicht den obigen Methodenaufruf scores.splice(0,3).,

Einfügen von Elementen mit der JavaScript Array splice () – Methode

Sie können ein oder mehrere Elemente in ein Array einfügen, indem Sie drei oder mehr Argumente an die splice() – Methode übergeben, wobei das zweite Argument Null ist.

Beachten Sie die folgende Syntax.

Code language: JavaScript (javascript)

In dieser Syntax:

• Die gibt die Startposition im Array an, an der die neuen Elemente eingefügt werden.,
• Das zweite Argument ist Null (0), das die splice() – Methode anweist, keine Array-Elemente zu löschen.
• Das dritte Argument, das vierte Argument usw. sind die neuen Elemente, die in das Array eingefügt werden.

Beachten Sie, dass die splice() – Methode das ursprüngliche Array tatsächlich ändert. Außerdem entfernt die splice() – Methode keine Elemente und gibt daher ein leeres Array zurück. Zum Beispiel:

Angenommen, Sie haben ein array mit dem Namen colors – mit drei Saiten.,

Code language: JavaScript (javascript)

Die folgende Anweisung fügt ein element nach dem zweiten element.

Code language: JavaScript (javascript)

Das colors – Array hat jetzt vier Elemente, wobei das neue Element an der zweiten Position eingefügt wurde.

Code language: JavaScript (javascript)

Die folgende Abbildung zeigt den Methodenaufruf oben.,

Sie können mehr als ein Element einfügen, indem Sie das vierte Argument, das fünfte Argument usw. an die splice() – Methode übergeben.

Code language: JavaScript (javascript)

Ersetzen von Elementen mithilfe der JavaScript Array splice () – Methode

Mit der splice() – Methode können Sie neue Elemente in ein Array einfügen und gleichzeitig vorhandene Elemente löschen.,

Dazu übergeben Sie mindestens drei Argumente mit dem zweiten Argument, das die Anzahl der zu löschenden Elemente angibt, und dem dritten Argument, das die einzufügenden Elemente angibt.

Beachten Sie, dass die Anzahl der zu löschenden Elemente nicht mit der Anzahl der einzufügenden Elemente übereinstimmen muss.

Angenommen, Sie haben ein Array von Programmiersprachen mit vier Elementen wie folgt:

Code language: JavaScript (javascript)

Die folgende Anweisung ersetzt das zweite Element durch ein neues.,

Code language: JavaScript (javascript)

Das languages Array hat jetzt noch vier Elemente mit dem neuen zweiten Argument ist 'Python' anstelle von 'C++'.

Code language: JavaScript (javascript)

Die folgende Abbildung veranschaulicht den obigen Methodenaufruf.,

Sie können ein Element durch mehrere Elemente ersetzen, indem Sie weitere Argumente an die splice() – Methode wie folgt übergeben:

Code language: JavaScript (javascript)

Die Anweisung löscht ein Element aus dem zweiten element, dh Java und fügt drei neue Elemente in das Array languages ein. Das Ergebnis ist wie folgt.,

Code language: JavaScript (javascript)

In diesem Tutorial haben Sie gelernt, wie Sie mit dem JavaScript-Array splice() vorhandene Elemente löschen, neue Elemente einfügen und Elemente in einem Array ersetzen.