Heim > Web-Frontend > js-Tutorial > JS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung)

JS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung)

青灯夜游
Freigeben: 2021-08-03 09:05:40
Original
8860 Leute haben es durchsucht

Array ist ein sehr häufiger und wichtiger Datentyp in JavaScript, und das Löschen von Array-Elementen ist eine häufige Array-Operation. JavaScript verfügt über viele integrierte Funktionen zum Löschen von Array-Elementen, sodass das Löschen von Array-Elementen für uns nicht schwierig ist. Wie implementiert man also die erweiterte Version des Löschens von Array-Elementen – das Löschen des Arrays? Heute lernen wir, wie man alle Elemente eines JS-Arrays löscht.

In diesem Artikel stellen wir Ihnen 4 Methoden zum Löschen von Arrays in JS vor und zeigen anhand von Codebeispielen, wie Sie ein Array löschen (alle Elemente des Arrays löschen).

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Methode 1: Direktes Zuweisen eines leeren Arrays [][]

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr=[];
console.log(arr);
Nach dem Login kopieren

输出结果:

JS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung)

这种方法并不是严格意义的清空数组,只是将arr重新赋值为空数组。

方法2:利用length属性将数组长度设置为0

length属性可设置或返回数组长度。当length属性的值小于数组本身的长度,数组中后面的元素将被截断;如果length属性的值为0,则可以清空整个数组。

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr.length=0;
console.log(arr);
Nach dem Login kopieren

输出结果:

JS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung)

当length属性的值大于本身的长度,将扩展数组长度,多的元素为undefined。

方法3:使用splice()删除全部数组元素

使用splice()方法可以删除指定下标位置后一个或多个数组元素。只需要指定splice()方法从第一个数组元素开始,需要删除元素的个数为arr.length

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr.splice(0,arr.length);
console.log(arr);
Nach dem Login kopieren

Ausgabeergebnis:

JS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung)JS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung)

Diese Methode löscht das Array nicht unbedingt, sondern weist es neu zu arr zu einem leeren Array.

Methode 2: Verwenden Sie das Längenattribut, um die Array-Länge auf 0 zu setzen.

Das Längenattribut kann die Array-Länge festlegen oder zurückgeben. Wenn der Wert des Längenattributs kleiner als die Länge des Arrays selbst ist, werden nachfolgende Elemente im Array abgeschnitten. Wenn der Wert des Längenattributs 0 ist, kann das gesamte Array gelöscht werden.

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
for(var i=0;i<=arr.length;i++){
delete arr[i];
}
console.log(arr);
Nach dem Login kopieren
Ausgabeergebnis:

JS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung)

JS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung)Wenn der Wert des Längenattributs größer als seine eigene Länge ist, wird die Array-Länge erweitert und die verbleibenden Elemente werden undefiniert.

Methode 3: Verwenden Sie splice(), um alle Array-Elemente zu löschen.

🎜Verwenden Sie die splice()-Methode, um ein oder mehrere Array-Elemente nach der angegebenen tiefgestellten Position zu löschen. Sie müssen nur die splice()-Methode angeben, um mit dem ersten Array-Element zu beginnen. Die Anzahl der zu löschenden Elemente beträgt arr.length, um das Array zu löschen. 🎜rrreee🎜Ausgabeergebnis: 🎜🎜🎜🎜🎜🎜Methode 4: Löschoperator verwenden 🎜🎜🎜Der Löschoperator kann zum Löschen von Array-Elementen mit einem angegebenen Index verwendet werden. Die gelöschten Elemente sind leere Elemente und die Länge des gelöschten Arrays bleibt erhalten unverändert. 🎜🎜Verwenden Sie den Löschoperator und die Schleifenanweisung, um das Array zu löschen🎜rrreee🎜Ausgabeergebnis: 🎜🎜🎜🎜🎜Weitere Programmierkenntnisse finden Sie unter: 🎜Einführung in die Programmierung🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonJS-Array-Lernen: 4 Möglichkeiten, alle Elemente zu löschen (detaillierte Code-Erklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage