Javascript-Spleiß

| | | | | | | | | | | | | | | | | | | | |

Die JavaScript-Methode splice() modifiziert ein Array. Es wird verwendet, um einem Array neue Elemente hinzuzufugen oder vorhandene zu entfernen oder zu ändern. splice() ändert das Array, fur das es verwendet wird. Es wird kein neues Array erstellt.

Es ist ublich, Elemente zu einer Liste bestehender Elemente hinzuzufugen oder daraus zu entfernen. Angenommen, Sie haben ein Programm, das Informationen uber Mitarbeiter zuruckgibt. Ein Mitarbeiter ist beurlaubt. Sie können sie vorubergehend aus Ihrem Programm entfernen.

Sie können splice() verwenden, um Elemente zu einem Array hinzuzufugen, Elemente daraus zu entfernen oder Elemente in einem Array zu ändern. Mit dieser Methode können Sie Elemente zu einem Array hinzufugen oder daraus entfernen. In diesem Tutorial demonstrieren wir, wie die Methode splice() funktioniert und wie Sie sie in Ihrem JavaScript-Code verwenden.

Array Refresher

Der Inhalt eines Arrays kann Zahlen, Zeichenfolgen und Boolesche Werte enthalten. In JavaScript können Sie ein Array verwenden, um mehrere Informationen zu speichern, anstatt Daten in mehreren Variablen zu speichern. Wenn Sie beispielsweise eine Klasse mit zehn Schulern haben, können Sie ein Array erstellen, um jeden ihrer Namen aufzulisten.

Auf Arrays kann uber ihre Indexnummern zugegriffen werden, die bei 0 beginnen. Hier ist ein Beispiel Array:

JavaScript splice()

Die JavaScript-Methode splice() fugt ein Element zu einem Array hinzu, ändert oder entfernt es. . splice() modifiziert ein vorhandenes Array.

Sehen Sie sich die Syntax fur splice() an:

splice() akzeptiert drei Parameter:

  • Der Index Nummer, mit der begonnen werden soll (erforderlich)
  • Die Anzahl der Elemente im Array, die Sie entfernen m√∂chten (optional)
  • Elemente, die zur Liste hinzugefugt werden sollen (optional)

Sie können mit Splice mehrere Elemente zu einer Liste hinzufugen. Dazu mussen Sie alle Elemente, die Sie hinzufugen möchten, als letzte Parameter angeben.

splice() JavaScript: Aus Array löschen

Wir haben eine Liste mit Schulernamen. Paul ist an eine andere Schule gezogen und wir möchten ihn aus unserer Namensliste entfernen. Hier ist ein Beispiel fur splice( ) Entfernen eines Namens aus unserem Array:

Nachdem wir unseren Code ausgefuhrt haben, erhalten wir die folgende Ausgabe:

["Alex‚", "Fred‚", "Molly‚"]

Wir haben das Element gel√∂scht, das mit dem Index "3 beginnt.‚" In diesem Fall ist die JavaScript-String, den wir entfernt haben, war "Paul.‚"

Wenn wir das zweite Argument aus unserem Code entfernen wurden, alle Elemente nach dem Index "3&rdquo ; wäre ebenfalls entfernt worden.

splice() JavaScript: Zu Array hinzufugen

Wenn wir unserem Array einen weiteren Schuler hinzufugen wollten, können wir auch splice() verwenden. Wenn wir einen dritten Parameter hinzufugen, können wir angeben, was dem Array hinzugefugt werden soll. Hier ein Beispiel:

Die Ausgabe fur diesen Code lautet wie folgt:

["Alex‚", "Fred‚", "Molly‚", "Paul‚", "Hannah‚"]

Die neue Zeichenfolge "Hannah‚" wurde am Ende des Arrays an der Indexposition "4‚" Beachten Sie, dass unser zweiter Parameter auf 0 gesetzt wurde, da wir keine Elemente aus unserem Array entfernen. Splice erleichtert das Hinzufugen neuer Elemente zu einem Array.

Wir könnten mehrere Namen hinzufugen, indem wir zusätzliche Parameter in unseren Code aufnehmen:

var Students = ["Alex‚", "Fred‚" , "Molly‚", "Paul‚"]

students.splice(4, 0, "Hannah‚", "Lily‚");

console.log(students);

Dieser Code fugt unserer Liste sowohl "Hannah‚" als auch "Lily‚" hinzu.

splice() JavaScript: Zu Array hinzufugen und daraus entfernen

Wenn wir gleichzeitig Elemente zu einem Array hinzufugen und daraus entfernen möchten, können wir auch splice() verwenden. Hier ist ein Beispiel dafur in Aktion:< /p>

Die Ausgabe dieses Codes sieht wie folgt aus:

[ "Alex‚", "Fred‚", "Hannah‚", "Paul‚"]

Unser Code hat das Element aus dem Array mit dem Indexwert "2‚" das war ‚ÄûMolly‚" Dann fugte unser Code "Hannah‚" an der Indexposition von "2.‚"

JavaScript Splice vs. Slice

Einige Entwickler werden zwischen JavaScript Slice() und splice( )-Methoden, da Slice() auch zum Entfernen von Elementen aus einem Array verwendet werden kann. Es gibt jedoch einige Unterschiede zwischen diesen beiden Methoden.

Erstens ändert Slice() das ursprungliche Array nicht, während (wie oben zu sehen) splice das Original ändert Array. Daruber hinaus gibt splice() das neue Array mit allen von uns vorgenommenen Änderungen zuruck, während splice() nur das entfernte Element zuruckgibt.

Schlussfolgerung

splice () fugt Elemente zu einem vorhandenen Array hinzu, entfernt Elemente aus oder ändert Elemente in einem vorhandenen Array. Sie können mit splice() beliebig viele Elemente zu einem Array hinzufugen oder daraus entfernen.

Das ist alles, was Sie uber splice() in JavaScript wissen mussen. Kurz gesagt, wenn Sie ein Element zu JavaScript-Arrays hinzufugen oder entfernen möchten, kann splice() eine nutzliche Funktion sein.

Um mehr uber JavaScript zu erfahren, lesen Sie unseren Leitfaden auf der beste Tutorials fur JavaScript-Anfänger.