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

delete löscht die Objekteigenschaft, indiziert das Array aber nicht neu und aktualisiert auch nicht dessen Länge. Dies lässt es so erscheinen, als ob es undefiniert wäre:

> myArray = ['a', 'b', 'c', 'd']
  ["a", "b", "c", "d"]
> delete myArray[0]
  true
> myArray[0]
  undefined

Beachten Sie, dass der Wert nicht auf den Wert undefined sondern die Eigenschaft wird aus dem Array entfernt, wodurch sie erscheinen undefiniert. Die Chrome-Entwicklungstools machen diesen Unterschied deutlich, indem sie Folgendes ausgeben empty bei der Protokollierung des Arrays.

> myArray[0]
  undefined
> myArray
  [empty, "b", "c", "d"]

myArray.splice(start, deleteCount) entfernt das Element tatsächlich, indiziert das Array neu und ändert seine Länge.

> myArray = ['a', 'b', 'c', 'd']
  ["a", "b", "c", "d"]
> myArray.splice(0, 2)
  ["a", "b"]
> myArray
  ["c", "d"]

Answer 2

Array.remove() Methode

John Resig Der Schöpfer von jQuery hat ein sehr praktisches Array.remove Methode, die ich bei meinen Projekten immer verwende.

// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

und hier sind einige Beispiele, wie es verwendet werden könnte:

// Remove the second item from the array
array.remove(1);
// Remove the second-to-last item from the array
array.remove(-2);
// Remove the second and third items from the array
array.remove(1,2);
// Remove the last and second-to-last items from the array
array.remove(-2,-1);

Johns Website

Answer 3

Da delete nur das Objekt aus dem Element im Array entfernt, ändert sich die Länge des Arrays nicht. Splice entfernt das Objekt und verkürzt das Array.

Der folgende Code zeigt "a", "b", "undefiniert", "d" an

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

for (var count = 0; count < myArray.length; count++) {
    alert(myArray[count]);
}

Hier hingegen wird "a", "b", "d" angezeigt.

myArray = ['a', 'b', 'c', 'd']; myArray.splice(2,1);

for (var count = 0; count < myArray.length; count++) {
    alert(myArray[count]);
}

Answer 4

Ich bin auf diese Frage gestoßen, als ich versuchte zu verstehen, wie man jedes Vorkommen eines Elements aus einem Array entfernen kann. Hier ist ein Vergleich von splice y delete zum Entfernen aller 'c' von der items Array.

var items = ['a', 'b', 'c', 'd', 'a', 'b', 'c', 'd'];

while (items.indexOf('c') !== -1) {
  items.splice(items.indexOf('c'), 1);
}

console.log(items); // ["a", "b", "d", "a", "b", "d"]

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

while (items.indexOf('c') !== -1) {
  delete items[items.indexOf('c')];
}

console.log(items); // ["a", "b", undefined, "d", "a", "b", undefined, "d"]

Answer 5

De Core JavaScript 1.5 Referenz > Operatoren > Spezielle Operatoren > delete-Operator :

Wenn Sie ein Array-Element löschen, wird die Array-Länge nicht beeinflusst. Für Beispiel: Wenn Sie a[3] löschen, ist a[4] immer noch a[4] und a[3] ist undefiniert. Diese gilt auch, wenn Sie das letzte Element des Arrays löschen (delete a[a.length-1]).