So leeren Sie ein Array in JavaScript

1. Array auf neues Array der Größe Null setzen
2. Verwenden Sie die length-Eigenschaft, um ein Array in JavaScript zu leeren
3. Verwenden Sie die Methode splice(), um ein Array in JavaScript zu leeren
4. Verwendung von die Methode pop() zum Leeren eines Arrays in JavaScript

Das Array ist eine Sammlung von Elementen, die in einem praktischen, indizierten Satz gespeichert sind. Was ist, wenn wir ein Array leeren wollen, das Multiplikationselemente enthält?

ADVERTISEMENT

Next

Stay

Playback speed

1x Normal

Quality

Auto

Back

480p

360p

240p

144p

Auto

Back

0.25x

0.5x

1x Normal

1.5x

2x

/

Dieses Tutorial stellt verschiedene Methoden vor, wie ein Array in JavaScript geleert werden kann.

Array auf neues Array der Größe Null setzen

Es ist der schnellste Weg. Dadurch wird das Array auf ein neues leeres Array gesetzt.

 javascriptCopylet Arr = [1, 2, 3, 4];
Arr = [];

Es ist unkompliziert, wenn Sie keinen Verweis von anderen Stellen auf das ursprüngliche Array haben. Diese Verweise werden in diesem Fall nicht aktualisiert, und diese Orte werden weiterhin das alte Array verwenden. Das bedeutet, dass Verweise auf den Inhalt des vorherigen Arrays weiterhin im Speicher gehalten werden, was zu Speicherlecks führt.

Verwenden Sie dies nur, wenn Sie das Array über seine ursprüngliche Variable Arr referenzieren.

Das folgende Code-Beispiel zeigt das Problem, auf das Sie bei der Verwendung dieser Methode stoßen können:

 javascriptCopylet Arr1 = [1, 2, 3, 4, 5, 6];
let Arr2 = Arr1;
Arr1 = [];
console.log({Arr1, Arr2});

Ausgabe:

 textCopy{
  Arr1: [],
  Arr2: [1, 2, 3, 4, 5, 6]
}

Verwenden Sie die length-Eigenschaft, um ein Array in JavaScript zu leeren

Die length-Eigenschaft eines Arrays ist eine Lese-/Schreibeigenschaft, so dass es auch bei Verwendung des strict-Modus in ECMAScript 5 funktioniert.

 javascriptCopyArr1.length = 0

Diese Methode hat den Vorteil, dass sie alles im Array löscht, was sich auf andere Referenzen auswirkt. Wenn wir zwei Referenzen auf dasselbe Array haben, löschen wir den Inhalt des Arrays mit Arr1.length = 0, beide Referenzen zeigen nun auf dasselbe leere Array.

Beispiel:

 javascriptCopylet foo1 = [1, 2, 3];
let bar1 = [1, 2, 3];
let foo2 = foo1;
let bar2 = bar1;
foo1 = [];
bar1.length = 0;
console.log({foo1, bar1, foo2, bar2});

Ausgabe:

 textCopy{
  bar1: [],
  bar2: [circular object Array],
  foo1: [],
  foo2: [1, 2, 3]
}

Verwenden Sie die Methode splice(), um ein Array in JavaScript zu leeren

Die Methode array.splice() ist eine eingebaute Methode in JavaScript, die zum Hinzufügen/Entfernen von Elementen zu/von einem Array verwendet wird und die entfernten Elemente zurückgibt.

 javascriptCopylet Arr1 = ['Tomato', 'Letcuce', 'Spinash', 'Cucumber'];
Arr1.splice(2, 0, 'Lemon', 'Kiwi')
console.log(Arr1);

Ausgabe:

 textCopy["Tomato", "Letcuce", "Lemon", "Kiwi", "Spinash", "Cucumber"]

Um das Array zu leeren:

 javascriptCopyArr1.splice(0, Arr1.length);
console.log(Arr1);

Ausgabe:

 textCopy[]

Es werden alle Elemente aus dem Array entfernt und das ursprüngliche Array wird bereinigt.

Verwendung von die Methode pop() zum Leeren eines Arrays in JavaScript

Die Methode pop() entfernt das letzte Element aus einem Array und gibt dieses Element zurück. Und sie wird die Länge des Arrays ändern.

 javascriptCopylet vegetables = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(vegetables.pop());

console.log(vegetables);

Ausgabe:

 textCopytomato
(4) ["broccoli", "cauliflower", "cabbage", "kale"]

Wir schleifen das Array in einer Schleife durch, laden das Array-Element in jeder Schleife und erhalten schließlich das leere Array.

 javascriptCopylet Arr1 = [1, 2, 3, 4, 5];
for (let i = Arr1.length; i > 0; i--) {
  Arr1.pop();
}
console.log(Arr1);

Ausgabe:

 textCopy[]

Diese Lösung ist nicht sehr prägnant, und sie ist auch die langsamste Lösung.