Heim >Web-Frontend >js-Tutorial >Zusammenfassung mehrerer Methoden zum Löschen bestimmter Elemente aus JavaScript-Arrays
Das Löschen bestimmter Elemente aus js-Arrays ist ein Problem, auf das jeder von uns stößt. Es gibt viele Informationen dazu im Internet, aber einige sind zu alt und andere nicht umfassend genug Ich werde es selbst organisieren. In diesem Artikel werden hauptsächlich verschiedene Methoden zum Löschen bestimmter Elemente in JavaScript-Arrays zusammengefasst.
Vorwort
Vielleicht denken Sie, dass es beim Löschen bestimmter Elemente eines Arrays mehr als eine Möglichkeit gibt Schauen wir uns also die folgenden Methoden an, die ich zusammengefasst habe, sie könnten für Sie hilfreich sein! Es gibt nicht viel zu sagen, werfen wir einen Blick auf die ausführliche Einführung.
Quellarray
var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];
Pseudolöschung
Was ist Pseudolöschung? Das heißt, den Array-Elementwert auf Null zu setzen;
arr[ arr.indexOf( 'Thomas' ) ] = null;
Das gelöschte Array sieht so aus:
["George", "John", null, "James", "Adrew", "Martin"]
Bitte beachten Sie jedoch, dass dies bedeutet, dass das array Array, also die Länge der Variablen arr, unverändert bleibt
wird vollständig gelöscht
Was ist das vollständige Löschen? Sie können sich dieses Problem auch wörtlich vorstellen, nämlich den Elementwert des Array-Arrays tatsächlich zu löschen und zu löschen Ändern Sie die Länge des Arrays. Sie können die integrierte Spleißmethode des Array-Objekts Array erfüllen, um diese Anforderung zu erfüllen! Wenn wir über die Spleißmethode sprechen, müssen wir über ihre spezifischen Parameter sprechen:
Array.prototype.splice = function(start,deleteCount,items) {};
Das Obige ist die Prototypdefinition der Spleißmethode des integrierten Objektarrays. Die chinesische Bedeutung lautet: Spleißen. Die Bedeutung seiner Parameter ist:
Start: StartpunktIndexWert
deleteCount : Anzahl der zu löschenden Elemente
Elemente: Elemente, die nach dem Löschen ersetzt/angehängt werden
Wenn der Parameter nicht hinzugefügt wird, bedeutet dies, dass das Element gelöscht wird, und es muss mit dem Parameterwert von deleteCount
kombiniert werden
Wenn deleteCount 1 ist und der Position des Elementparameters ein Parameterwert zugewiesen wird, bedeutet dies, dass
ersetzt wird
Wenn deleteCount 1 ist und die Position des Elementparameters mehr als einem Parameterwert zugewiesen ist, bedeutet dies, dass Elemente
durch die Splice-Methode ersetzt und angehängt werden, um den verbleibenden Elementwert zu löschen die obige Pseudolöschung null
arr.splice( arr.indexOf( null ), 1 );
Das gelöschte Array sieht so aus:
["George", "John", "James", "Adrew", "Martin"]
Nachdem wir nun die Spleißmethode erwähnt haben, möchte ich darüber sprechen seine anderen Funktionen, wie das Ersetzen von Elementen, das Hinzufügen von Elementen und andere Operationen!
spleißenFunktion - Elemente ersetzen
Jetzt sieht die Array-Struktur so aus:
["George", "John", "James", "Adrew", "Martin"]
Ich möchte das Array-Element James durch Tom ersetzen
arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );
Die ersetzte Array-Struktur sieht so aus:
["George", "John", "Tom", "Adrew", "Martin"]
Spleißfunktion – Elemente ersetzen und anhängen
Jetzt sieht die aktuelle Array-Struktur so aus:
["George", "John", "Tom", "Adrew", "Martin"]
Ich möchte das Array-Element Tom durch Judy ersetzen und anhängen Die Array-Struktur von Linda und Alisa
arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );
nach dem Ersetzen und Anhängen ist wie folgt:
["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
Splice-Funktion - Elemente anhängen
Sie können eine beliebige Position zum Anhängen von Elementen wählen, es hängt von Ihren spezifischen Anforderungen ab. Der Schlüssel ist nur die Werteindexposition von Start! Die aktuelle Array-Struktur ist wie folgt:
["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
Zum Beispiel, wenn Sie Bill und Blake zwischen Linda und Alisa hinzufügen möchten
arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );
Das angehängte Array Struktur ist Es sieht so aus:
["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
Die Startposition arr.indexOf( 'Linda' ) + 1
ist nach dem Array-Element Linda
Löschen the elements Der Zahlenparameter ist hier auf 0 gesetzt. Dies ist der Schlüssel zum Anhängen von Elementen, was bedeutet, dass die Elemente nicht gelöscht werden
'Bill', 'Blake' Dies ist der Ende der Spleißmethode des integrierten Objektarrays A stellt der Parameter „items“ 0 oder mehr dar. Die Bedeutung ist je nach Wert des Parameters „deleteCount“ unterschiedlich. Hier ist der Parameter „deleteCount“ 0 und „items“ hat zwei Werte, um dies darzustellen Parameter, was bedeutet, dass die Elementwerte „Bill“ und „Blake“ angehängt werden
Das Obige dient zum Löschen bestimmter Elemente im Array. Es ist zu einfach, das erste Element zu löschen und das letzte Element. Hier nur um es kurz zu erwähnen
Löschen Sie das erste Element im Array
arr.shift();
Das gelöschte Array sieht folgendermaßen aus:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
Das letzte Element im Array löschen
arr.pop();
Das gelöschte Array sieht so aus:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er kann jedem helfen, JavaScript zu lernen! !
Detaillierte Erläuterung des JavaScript-Modulmodus
Verschiedene Schreibmethoden der JavaScript-Kapselung
JavaScript Detaillierte Erläuterung der Beispiele für BeobachtermusterDas obige ist der detaillierte Inhalt vonZusammenfassung mehrerer Methoden zum Löschen bestimmter Elemente aus JavaScript-Arrays. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!