Splice vs. Slice in JavaScript

JavaScript-Arrays sind spezielle Objekte mit vordefinierten Eigenschaften. Dies sind die numerischen Eigenschaften, die Werten zugewiesen werden können, die als Eingabeparameter übergeben werden. JavaScript bietet mehrere Methoden zum Arbeiten mit Arrays. Einige der beliebtesten Array-Methoden sind .push(), .pop(), .reverse() usw. Alle diese Methoden ändern das Array.

In diesem Artikel lernen wir den Unterschied zwischen splice und slice in JavaScript kennen.

splice() vs slice() in JavaScript

splice()

Die Methode splice() beeinflusst oder modifiziert den Inhalt eines Arrays. Es entfernt oder ersetzt vorhandene Elemente und/oder fügt neue Elemente hinzu.

Syntax:

splice(start)
splice(start, deleteCount)
splice(start, deleteCount, item1)
splice(start, deleteCount, item1, item2, itemN)

Die JavaScript-Splice-Methode hat drei Parameter, von denen der erste start ist. Es ist ein erforderlicher Parameter, der die Startposition/den Anfangsindex eines Arrays angibt, an dem mit der Änderung des Arrays begonnen werden soll. Ist sie größer als die Länge des Arrays, wird der Start auf die Länge des Arrays gesetzt.

In diesem Fall werden keine Elemente entfernt, aber die Methode verhält sich wie eine Summenfunktion und fügt so viele Elemente hinzu, wie [n*] Elemente bereitgestellt werden. Wenn es negativ ist, beginnt es mit so vielen Elementen am Ende des Arrays.

Der zweite Parameter ist deleteCount, ein optionaler Parameter. Dieser Parameter gibt die Anzahl der Elemente im Array an, die von Anfang an gelöscht werden sollen. Wenn deleteCount weggelassen wird oder sein Wert gleich oder größer als array.length - start ist, werden alle Elemente vom Anfang bis zum Ende des Arrays gelöscht 0 oder negativ, es werden keine Elemente gelöscht. In diesem Fall müssen Sie mindestens einen neuen Artikel eingeben.

Der dritte Parameter ist item1, item2, ..., was ein optionaler Parameter ist. Dieser Parameter gibt die Elemente an, die dem Array hinzugefügt werden sollen, beginnend am Anfang. Wenn Sie kein Element angeben, eliminiert splice() nur Elemente des Arrays.

Diese Methode gibt ein Array zurück, das die gelöschten Elemente enthält. Ein Array mit einem Element wird zurückgegeben, wenn nur ein Element gelöscht wird. Wird kein Element gelöscht, wird ein leeres Array zurückgegeben. Lesen Sie für weitere Informationen die Dokumentation der spleiß-Methode.

const osConfig = ['Linux', 'Ubuntu', 'MacOS', 'Windows'];
console.log(osConfig, osConfig.splice(0, 2));

Im obigen Beispiel haben wir die verschiedenen Arten von Betriebssystemen angegeben. Wenn Sie versuchen, das Open-Source-Betriebssystem zu extrahieren, wirkt sich dies auf das ursprüngliche osConfig-Array aus und gibt ein Array zurück, das den Namen des Open-Source-Betriebssystems nicht enthält. Wenn Sie den obigen Code in einem beliebigen Browser ausführen, wird so etwas gedruckt.

Ausgabe:

["MacOS", "Windows"], ["Linux", "Ubuntu"]

slice()

Die Methode slice() gibt eine flache Kopie eines Teils eines Arrays in ein neu ausgewähltes Array-Objekt von Anfang bis Ende zurück, wobei Start und Ende die Indizes der Elemente in diesem Array sind. Das ursprüngliche Array wird nicht beeinflusst oder geändert. Die Methode splice() kann n Argumente annehmen, und die Methode slice() akzeptiert 2 Argumente.

Syntax:

slice()
slice(start)
slice(start, end)

Die JavaScript-Methode slice() enthält zwei Parameter, von denen start der erste Parameter ist, ein optionaler Parameter. Dieser Parameter gibt den Index an, an dem die Extraktion gestartet werden soll. Dieser Index beginnt bei 0. Der Standardwert für start ist immer 0. Wenn der Start größer als die Länge eines Arrays ist, wird ein leeres Array zurückgegeben.

Der zweite Parameter ist ein end, ein optionaler Parameter. Dieser Parameter gibt den Endpunkt an, an dem die Extraktion enden muss. slice extrahiert bis zum angegebenen Index, jedoch ohne das Ende. Wenn das Ende beispielsweise n ist, ist das letzte extrahierte Element n-1. Wenn das Ende nicht angegeben ist, extrahiert die Slice-Methode bis zum Ende des Arrays.

Diese Methode gibt ein neues Array zurück, das die extrahierten Elemente enthält. Lesen Sie für weitere Informationen die Dokumentation der slice-Methode.

const osConfig = ['Linux', 'Ubuntu', 'MacOS', 'Windows'];
console.log(osConfig, osConfig.slice(0, 2););

Im obigen Beispiel haben wir die verschiedenen Arten von Betriebssystemen angegeben. Wenn Sie versuchen, das Open-Source-Betriebssystem zu extrahieren, wirkt sich dies nicht auf das ursprüngliche osConfig-Array aus, sondern es wird stattdessen ein neues Array erstellt, das den Namen des Open-Source-Betriebssystems enthält. Wenn Sie den obigen Code in einem beliebigen Browser ausführen, wird so etwas gedruckt.

Ausgabe:

["Linux", "Ubuntu", "MacOS", "Windows"], ["Linux", "Ubuntu"]