Löschen von Array-Elementen in JavaScript - Löschen vs. Spleißen

Question

Was ist der Unterschied zwischen der Verwendung von die delete Betreiber auf das Array-Element im Gegensatz zur Verwendung von die Array.splice Methode ?

Zum Beispiel:

myArray = ['a', 'b', 'c', 'd'];

delete myArray[1];
//  or
myArray.splice (1, 1);

Warum überhaupt die Splice-Methode, wenn ich Array-Elemente löschen kann, wie ich mit Objekten kann?

Answer 1

Wie bereits mehrfach erwähnt, ist die Verwendung von splice() scheint perfekt zu passen. Dokumentation bei Mozilla:

El splice() Methode ändert den Inhalt eines Arrays, indem bestehende Elemente entfernt und/oder neue Elemente hinzugefügt werden.

var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];

myFish.splice(2, 0, 'drum'); 
// myFish is ["angel", "clown", "drum", "mandarin", "sturgeon"]

myFish.splice(2, 1); 
// myFish is ["angel", "clown", "mandarin", "sturgeon"]

Syntax

array.splice(start)
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)

Parameter

Start

Index, bei dem die Änderung des Arrays beginnen soll. Ist dieser größer als die Länge des Arrays, wird der tatsächliche Startindex auf die Länge des Arrays gesetzt. Ist er negativ, beginnt er so viele Elemente vom Ende entfernt.

deleteCount

Eine ganze Zahl, die die Anzahl der zu entfernenden alten Array-Elemente angibt. Wenn deleteCount 0 ist, werden keine Elemente entfernt. In diesem Fall sollten Sie mindestens ein neues Element angeben. Ist deleteCount größer als die Anzahl der im Array verbliebenen Elemente ab start, werden alle Elemente bis zum Ende des Arrays gelöscht.

Wenn deleteCount weggelassen wird, ist deleteCount gleich (arr.length - start).

item1, item2, ...

Die Elemente, die dem Array hinzugefügt werden sollen, beginnend mit dem Startindex. Wenn Sie keine Elemente angeben, splice() werden nur Elemente aus dem Array entfernt.

Rückgabewert

Ein Array, das die gelöschten Elemente enthält. Wenn nur ein Element entfernt wird, wird ein Array mit einem Element zurückgegeben. Wenn keine Elemente entfernt werden, wird ein leeres Array zurückgegeben.

[...]

Answer 2

splice funktioniert mit numerischen Indizes.

während delete kann gegen andere Arten von Indizes verwendet werden..

Beispiel:

delete myArray['text1'];

Answer 3

Es ist wahrscheinlich auch erwähnenswert, dass Splice nur bei Arrays funktioniert. (Bei Objekteigenschaften kann man sich nicht darauf verlassen, dass sie einer konsistenten Reihenfolge folgen).

Um das Schlüssel-Wert-Paar aus einem Objekt zu entfernen, ist delete das Richtige für Sie:

delete myObj.propName;     // , or:
delete myObj["propName"];  // Equivalent.

Answer 4

löschen Vs spleißen

wenn Sie ein Element aus einem Array löschen

var arr = [1,2,3,4]; delete arr[2]; //result [1, 2, 3:, 4]
console.log(arr)

wenn Sie spleißen

var arr = [1,2,3,4]; arr.splice(1,1); //result [1, 3, 4]
console.log(arr);

im Falle von löschen die Element wird gelöscht aber die Index bleibt leer

während im Falle von Spleiß Element wird gelöscht und das der Index der übrigen Elemente wird entsprechend reduziert

Answer 5

Der Unterschied wird deutlich, wenn man die Länge der einzelnen Arrays nach der delete Betreiber und splice() Methode angewendet werden. Zum Beispiel:

Löschoperator

var trees = ['redwood', 'bay', 'cedar', 'oak', 'maple'];
delete trees[3];

console.log(trees); // ["redwood", "bay", "cedar", empty, "maple"]
console.log(trees.length); // 5

El delete Operator entfernt das Element aus dem Array, aber der "Platzhalter" des Elements bleibt bestehen. oak wurde entfernt, nimmt aber immer noch Platz im Array ein. Aus diesem Grund bleibt die Länge des Feldes 5.

splice()-Methode

var trees = ['redwood', 'bay', 'cedar', 'oak', 'maple'];
trees.splice(3,1);

console.log(trees); // ["redwood", "bay", "cedar", "maple"]
console.log(trees.length); // 4

El splice() Methode entfernt den Zielwert vollständig y auch den "Platzhalter". oak wurde entfernt, ebenso wie der Platz, den es im Array belegte. Die Länge des Arrays beträgt nun 4.