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

OK, stellen Sie sich vor, wir haben dieses Feld unten:

const arr = [1, 2, 3, 4, 5];

Lassen Sie uns zuerst das Löschen durchführen:

delete arr[1];

und das ist das Ergebnis:

[1, empty, 3, 4, 5];

leer! und los geht's:

arr[1]; //undefined

Das heißt, es wird nur der Wert gelöscht und es ist undefiniert jetzt, so dass die Länge die gleiche ist, auch wird es zurückgegeben vrai ...

Setzen wir unser Array zurück und machen es dieses Mal mit Splice:

arr.splice(1, 1);

und das ist dieses Mal das Ergebnis:

[1, 3, 4, 5];

Wie Sie sehen, hat sich die Länge des Arrays geändert und arr[1] es 3 Nun...

Auch hier wird das gelöschte Element in einem Array zurückgegeben, das [3] In diesem Fall...

Answer 2

Befindet sich das zu löschende Element in der Mitte (z. B. soll das Element "c" gelöscht werden, dessen Index 1 ist), können Sie es verwenden:

var arr = ['a','b','c'];
var indexToDelete = 1;
var newArray = arr.slice(0,indexToDelete).combine(arr.slice(indexToDelete+1, arr.length))

Answer 3

Der einfachste Weg ist wahrscheinlich

var myArray = ['a', 'b', 'c', 'd'];
delete myArray[1]; // ['a', undefined, 'c', 'd']. Then use lodash compact method to remove false, null, 0, "", undefined and NaN
myArray = _.compact(myArray); ['a', 'c', 'd'];

Ich hoffe, das hilft. Referenz: https://lodash.com/docs#compact

Answer 4

Für diejenigen, die Folgendes verwenden möchten Lodash verwenden können: myArray = _.without(myArray, itemToRemove)

Oder wie ich in Angular2 verwenden

import { without } from 'lodash';
...
myArray = without(myArray, itemToRemove);
...

Answer 5

löschen delete: löscht die Objekteigenschaft, indexiert aber nicht neu das Array neu indizieren oder seine Länge aktualisieren. Dies lässt es so erscheinen, als ob es undefiniert:

Spleiß : Entfernt das Element, indiziert das Array neu und ändert seine Länge.

Element vom letzten löschen

arrName.pop();

Element vom ersten löschen

arrName.shift();

Aus der Mitte löschen

arrName.splice(starting index,number of element you wnt to delete);

Ex: arrName.splice(1,1);

Ein Element vom letzten löschen

arrName.splice(-1);

Löschen mit Hilfe der Array-Indexnummer

 delete arrName[1];