JavaScript Array splice ()

Die JavaScript Array splice () -Methode gibt ein Array zurück, indem die vorhandenen Elemente geändert (hinzugefügt / entfernt) werden.

Die Syntax der splice()Methode lautet:

 arr.splice(start, deleteCount, item1,… , itemN)

Hier ist arr ein Array.

splice () Parameter

Die splice()Methode umfasst:

  • start - Der Index, von dem aus das Array geändert wird.
  • deleteCount (optional) - Die Anzahl der Elemente, aus denen entfernt werden soll start.
  • item1,…, itemN (optional) - Die Elemente, die dem startIndex hinzugefügt werden sollen. Wenn nicht angegeben, splice()werden nur Elemente aus dem Array entfernt.

Rückgabewert von splice ()

  • Gibt ein Array zurück, das die gelöschten Elemente enthält.

Hinweis: Die splice()Methode ändert das ursprüngliche Array.

Beispiel 1: Verwenden der splice () -Methode

 let languages = ("JavaScript", "Python", "Java", "Lua"); // replacing "Java" & "Lua" with "C" & "C++" let removed = languages.splice(2, 2, "C", "C++"); console.log(removed); // ( 'Java', 'Lua' ) console.log(languages); // ( 'JavaScript', 'Python', 'C', 'C++' ) // adding elements without deleting existing elements let removed1 = languages.splice(1, 0, "Java", "Lua"); console.log(removed1); // () console.log(languages); // ( 'JavaScript', 'Java', 'Lua', 'Python', 'C', 'C++' ) // removing 3 elements let removed2 = languages.splice(2, 3); console.log(removed2); // ( 'Lua', 'Python', 'C' ) console.log(languages); // ( 'JavaScript', 'Java', 'C++' )

Ausgabe

 ('Java', 'Lua') ('JavaScript', 'Python', 'C', 'C ++') () ('JavaScript', 'Java', 'Lua', 'Python', 'C', ' C ++ ') (' Lua ',' Python ',' C ') (' JavaScript ',' Java ',' C ++ ')

Beispiel 2: Verwenden von splice () für verschiedene deleteCount-Werte

  • Wenn start> array.length , splice()wird nichts gelöscht und Argumente an das Ende des Arrays angehängt .
  • Wenn start <0 ist , wird der Index von hinten gezählt ( array.length + start ). Zum Beispiel ist -1 das letzte Element.
  • Wenn array.length + start <0 ist , beginnt es mit Index 0 .
 let languages = ("JavaScript", "Python", "Java", "Lua"); // does not removes, only appends to the end let removed = languages.splice(5, 2, "C++"); console.log(removed); // () console.log(languages); // ("JavaScript", "Python", "Java", "Lua", "C++") // remove last element and add 3 more elements let removed1 = languages.splice(-1, 1, "Swift", "Scala", "Go"); console.log(removed1); // ( "C++" ) console.log(languages); // ("JavaScript", "Python", "Java", "Lua", "Swift", "Scala", "Go")

Ausgabe

 () ("JavaScript", "Python", "Java", "Lua", "C ++") ("C ++") ("JavaScript", "Python", "Java", "Lua", "Swift", " Scala "," Go ")

Beispiel 3: Verwenden von splice () für verschiedene Startwerte

  • Wenn deleteCount weggelassen wird oder größer als die Anzahl der im Array verbleibenden Elemente ist, werden alle Elemente vom Anfang bis zum Ende des Arrays gelöscht.
  • Wenn deleteCount 0 oder negativ ist , werden keine Elemente entfernt. Es sollte jedoch mindestens ein neues Element angegeben werden.
 let languages = ("JavaScript", "Python", "Java", "Lua"); // removes everything from start let removed = languages.splice(1); console.log(removed); // ( "Python", "Java", "Lua" ) console.log(languages); // ( "JavaScript" ) // remove none & add 3 more element let removed1 = languages.splice(1, -2, "Swift", "Scala", "Go"); console.log(removed1); // ( ) console.log(languages); // ( "JavaScript", "Swift", "Scala", "Go" )

Ausgabe

 ("Python", "Java", "Lua") ("JavaScript") () ("JavaScript", "Swift", "Scala", "Go")

Empfohlene Lektüre:

  • JavaScript Array.pop ()
  • JavaScript Array.push ()

Interessante Beiträge...