So entfernen Sie Array-Elemente in Javascript

Methoden zum Entfernen von Array-Elementen in JavaScript: 1. Array-Elemente über das Längenattribut entfernen; 3. Über die Stack-Methode entfernen; 5. Über die Operationsmethode; Entfernen; 6. Entfernen durch iterative Methode; 7. Entfernen durch Prototypenmethode.

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

Eine Zusammenfassung von sieben Methoden zum Löschen von Array-Elementen in JavaScript

In JavaScript ist der Array-Typ neben Object wahrscheinlich der am häufigsten verwendete Typ. Es gibt einen großen Unterschied zu Arrays in anderen Sprachen. Arrays sind in JavaScript sehr flexibel. Heute werde ich die Methode zum Löschen von Arrays in JavaScript zusammenfassen. Die allgemeine Klassifizierung kann in die folgenden Kategorien unterteilt werden:
1. Länge
2. Löschen
3. Stapelmethode
4. Warteschlangenmethode
5. Betriebsmethode
6. Iterationsmethode
7. Prototypenmethode

Jetzt werde ich sprechen Geben Sie zu den oben genannten Punkten nacheinander Beispiele und Erklärungen.

1. Länge

JavaScript中Array的length属性非常有特点一一它不是只读的。因此，通过设置这个属性可以从数组的末尾移除项或添加新项，请看下面例子：

2. Schlüsselwort delete

var colors = ["red", "blue", "grey"];   //创建一个包含3个字符串的数组colors.length = 2;
console.log(colors[2]);  //undefined

Es ​​ist ersichtlich, dass die Länge des Arrays nach dem Löschen unverändert bleibt, das gelöschte Element jedoch auf undefiniert gesetzt ist.

3. Stack-Methode

var arr = [1, 2, 3, 4];delete arr[0];console.log(arr);   //[undefined, 2, 3, 4]

Es ​​ist ersichtlich, dass das Array beim Aufruf der Pop-Methode das letzte Element zurückgibt, das „grau“ ist und nur noch zwei Elemente im Array vorhanden sind.

4. Warteschlangenmethode

Die Zugriffsregel der Warteschlangendatenstruktur ist FIFO (First In, First Out). Die Warteschlange fügt Elemente am Ende der Liste hinzu und entfernt Elemente vom Anfang der Liste Methode, die Elemente aus dem Array entfernen kann. Das erste Element wird zurückgegeben und die Länge des Arrays wird um eins verringert.

var colors = ["red", "blue", "grey"];
var item = colors.pop();
console.log(item);      
//"grey"console.log(colors.length);    
//2

5. Operationsmethode

splice() ist wahrscheinlich die leistungsstärkste Array-Methode. Es gibt viele Möglichkeiten, sie zu verwenden. Hier stellen wir nur die Methode zum Löschen von Array-Elementen vor. Beim Löschen von Array-Elementen können beliebig viele Elemente gelöscht werden. Sie müssen lediglich zwei Parameter angeben: die Position des ersten zu löschenden Elements und die Anzahl der zu löschenden Elemente das erste Element im Array. Zwei Elemente.

var colors = ["red", "blue", "grey"];
var item = colors.shift();
console.log(item);      
//"red"console.log(colors.length);    
//2

[Empfohlenes Lernen: Erweitertes Javascript-Tutorial]

6. Iterationsmethode

Die sogenannte Iterationsmethode besteht darin, eine Schleife zu verwenden, um die Array-Elemente zu iterieren, um die Elemente zu finden, die mit den zu seinden Elementen übereinstimmen Der am häufigsten verwendete Ort ist möglicherweise: Wenn es sich bei den Elementen im Array um Objekte handelt, werden die Array-Elemente basierend auf den Eigenschaften des Objekts wie der ID usw. gelöscht. Im Folgenden werden zwei Methoden vorgestellt:

Die erste verwendet die häufigste ForEach-Schleife, um die Elemente zu vergleichen und sie zu löschen, nachdem sie gefunden wurden:

var colors = ["red", "blue", "grey"];var item = colors.splice(0, 1);console.log(item);      
//"red"console.log(colors);    
//["blue", "grey"]

Die zweite verwendet die Filtermethode in der Schleife:

var colors = ["red", "blue", "grey"];

colors.forEach(function(item, index, arr) {
    if(item == "red") {
        arr.splice(index, 1);
    }
});

Der Code ist sehr Finden Sie es ganz einfach heraus: Die Anzahl der Elemente, deren Elemente nicht „rot“ sind, wird in Farben zurückgegeben (tatsächlich wird ein neues Array erhalten), wodurch der Löscheffekt erzielt wird.

7. Prototyp-Methode

Fügen Sie eine Methode zum Prototyp von Array hinzu, um den Zweck des Löschens zu erreichen:

var colors = ["red", "blue", "grey"];

colors = colors.filter(function(item) {
    return item != "red"});

console.log(colors);    
//["blue", "grey"]

Fügen Sie die Löschmethode zum Prototypobjekt von Array hinzu, dann können alle Array-Objekte in dieser Umgebung diese Methode verwenden. Obwohl dies möglich ist, empfehlen wir nicht, native Objektprototypen in Produktionsanwendungen zu ändern. Der Grund ist einfach: Wenn Sie diese Methode zum Prototyp eines nativen Objekts hinzufügen, weil eine Methode in einer Implementierung fehlt, kann es zu einem Namenskonflikt kommen, wenn der Code in einer anderen Implementierung ausgeführt wird, die diese Methode unterstützt. Und dies kann versehentlich dazu führen, dass native Methoden überschrieben werden.

Hier habe ich die häufig verwendeten Methoden zum Löschen von Elementen im JavaScript-Array zusammengefasst. Jeder kann gerne etwas hinzufügen.

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Array-Elemente in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!