Heim > Web-Frontend > js-Tutorial > So löschen Sie Elemente (Elemente) aus einem Javascript-Array

So löschen Sie Elemente (Elemente) aus einem Javascript-Array

青灯夜游
Freigeben: 2021-07-02 17:45:59
Original
2741 Leute haben es durchsucht

Löschmethode: 1. Verwenden Sie pop(), um Elemente am Ende des Arrays zu löschen. 2. Verwenden Sie shift(), um Elemente am Anfang des Arrays zu löschen. 3. Verwenden Sie den Löschoperator, um das Element an der angegebenen Stelle zu löschen 4. Verwenden Sie das Längenattribut, um das Element am Ende oder mehrere Elemente zu löschen. 5. Verwenden Sie splice(), um ein oder mehrere Elemente nach der angegebenen Indexposition zu löschen.

So löschen Sie Elemente (Elemente) aus einem Javascript-Array

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Methode 1: Verwenden Sie die Methode pop(), um Elemente am Ende des Arrays zu löschen.

Die Methode pop() kann das letzte Element im Array löschen und das gelöschte Element zurückgeben.

Beispiel:

var a = [];  //定义数组,模拟空栈
console.log(a.push(1));  //入栈,栈值为[1],length为1
console.log(a.push(2));  //入栈,栈值为[1,2],length为2
console.log(a.pop());  //出栈,栈值为[1],length为1
console.log(a.push(3,4));  //入栈,栈值为[1,3,4],length为3
console.log(a.pop());  //出栈,栈值为[1,3],length为2
console.log(a.pop());  //出栈,栈值为[1],length为1
Nach dem Login kopieren

Methode 2: Verwenden Sie die Methode „shift()“, um Elemente am Anfang des Arrays zu löschen

Die Methode „shift()“ kann das erste Element des Arrays löschen, dieses Element zurückgeben und dann Verschieben Sie alle verbleibenden Elemente um 1 Bit nach vorne, um die Lücken am Kopf des Arrays zu füllen. Wenn das Array leer ist, führt Shift() nichts aus und gibt undefiniert zurück.

Beispiel:

var a = [1,2,3,4,5];  //定义数组
for (var i in a) {  //遍历数组
    var t = a.pop();  //尾部弹出
    a.unshift(t * 10);  //头部推入,把推进的值放大10倍 
}
console.log(a);  //返回[10,20,30,40,50]
Nach dem Login kopieren

Methode 3: Verwenden Sie den Löschoperator

Verwenden Sie den Löschoperator, um das Array-Element an der angegebenen tiefgestellten Position zu löschen, und die Länge des gelöschten Arrays bleibt unverändert .

var a = [1, 2, true, "a", "b"];
delete a[0];
console.log(a);
Nach dem Login kopieren

Methode 4: Verwenden Sie das Längenattribut

Verwenden Sie das Längenattribut, um ein oder mehrere Elemente am Ende zu löschen oder sogar das gesamte Array zu löschen. Die Länge des Arrays wird nach dem Löschen von Elementen dynamisch aktualisiert.

var a = [1, 2, true, "a", "b"];
a.length = 3;
console.log(a);
Nach dem Login kopieren

Methode 5: Verwenden Sie die Methode splice()

Verwenden Sie die Methode splice(), um ein oder mehrere Array-Elemente nach der angegebenen tiefgestellten Position zu löschen. Diese Methode verfügt über viele Parameter und viele Funktionen. Das Beispiel in diesem Abschnitt zeigt nur, wie sie Array-Elemente löscht. Der erste Parameter ist die Startposition des Indexes der Operation und der zweite Parameter gibt die Anzahl der zu löschenden Elemente an.

var a = [1,2,3,4,5];
a.splice(1,2);
console.log(a);
Nach dem Login kopieren

In der Methode splice(1,2,3,4,5) bedeutet der erste Parameterwert 1, dass ab der zweiten Elementposition von Array a zwei Elemente gelöscht werden. Nach dem Löschen verbleiben nur noch 3 Elemente in Array a . Elemente.

Wenn Sie einen Parameter an die Methode splice() übergeben, führt die Methode nur den Löschvorgang aus. Der Parameterwert gibt den Startindex des gelöschten Elements an (einschließlich des Indexelements), und die Methode splice() löscht alle nachfolgenden Elemente.

var a = [1,2,3,4,5]; 
a.splice(2);
console.log(a);
Nach dem Login kopieren

【Verwandte Empfehlungen: Javascript-Lern-Tutorial

Das obige ist der detaillierte Inhalt vonSo löschen Sie Elemente (Elemente) aus einem Javascript-Array. 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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage