So leeren Sie ein Array in JavaScript

Kirill Ibrahim 12 Oktober 2023
  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
So leeren Sie ein Array 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?

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.

let 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:

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

Ausgabe:

{
  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.

Arr1.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:

let 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:

{
  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.

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

Ausgabe:

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

Um das Array zu leeren:

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

Ausgabe:

[]

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.

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

console.log(vegetables.pop());

console.log(vegetables);

Ausgabe:

tomato
(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.

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

Ausgabe:

[]

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

Verwandter Artikel - JavaScript Array