Heim > Web-Frontend > js-Tutorial > Hauptteil

Einführung in Methoden zum Löschen bestimmter Elemente aus JavaScript-Arrays

巴扎黑
Freigeben: 2017-09-07 10:23:24
Original
1493 Leute haben es durchsucht

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, daher werde ich es selbst in diesem Artikel klären Dieser Artikel fasst hauptsächlich verschiedene Methoden zum Löschen bestimmter Elemente in JavaScript-Arrays zusammen und stellt sie vor.

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"];
Nach dem Login kopieren

Pseudolöschung

Was ist Pseudolöschung? Das heißt, den Array-Elementwert auf Null zu setzen;


arr[ arr.indexOf( 'Thomas' ) ] = null;
Nach dem Login kopieren

Das gelöschte Array sieht so aus:


["George", "John", null, "James", "Adrew", "Martin"]
Nach dem Login kopieren

Aber seien Sie vorsichtig, dies bedeutet, dass die Länge des Arrays Array ist , die Variable arr, bleibt unverändert

Vollständige Löschung

Was ist eine vollständige Löschung? Möglicherweise können Sie dies auch tun Beantworten Sie diese Frage wörtlich. Sie möchten tatsächlich den Elementwert des Array-Arrays löschen und die Länge des Arrays ändern. Diese Anforderung kann durch die Splice-Methode des integrierten Array-Objekts Array erreicht werden. Wenn wir über die Spleißmethode sprechen, sprechen wir über ihre spezifischen Parameter:


Array.prototype.splice = function(start,deleteCount,items) {};
Nach dem Login kopieren

Das Obige ist die Prototypdefinition der Spleißmethode des integrierten Objektarrays. Chinesische Bedeutung Was es ist: Spleißen, die Bedeutung seiner Parameter ist:

  • start: Startpunktindexwert

  • deleteCount: Anzahl der zu löschenden Elemente Anzahl

  • Elemente: Elemente, die nach dem Löschen ersetzt/angehängt wurden
    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 Parameterposition des Elements 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 );
Nach dem Login kopieren

Das gelöschte Array sieht folgendermaßen aus:


["George", "John", "James", "Adrew", "Martin"]
Nach dem Login kopieren
Nach dem Login kopieren

Nachdem wir nun die Spleißmethode erwähnt haben, sprechen wir über ihre anderen Funktionen, wie das Ersetzen von Elementen, das Anhängen von Elementen usw.!

Splice-Funktion - Elemente ersetzen

Die Array-Struktur sieht nun so aus:


["George", "John", "James", "Adrew", "Martin"]
Nach dem Login kopieren
Nach dem Login kopieren

Sie möchten das Array-Element James durch Tom ersetzen


arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );
Nach dem Login kopieren

Die ersetzte Array-Struktur sieht so aus:


["George", "John", "Tom", "Adrew", "Martin"]
Nach dem Login kopieren
Nach dem Login kopieren

Splice-Funktion – Elemente ersetzen und anhängen

Jetzt sieht die aktuelle Array-Struktur so aus:


["George", "John", "Tom", "Adrew", "Martin"]
Nach dem Login kopieren
Nach dem Login kopieren

Möchten Sie das Array-Element Tom durch Judy ersetzen und Linda und Alisa anhängen


arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );
Nach dem Login kopieren

Die Array-Struktur nach dem Ersetzen und Anhängen ist wie folgt:


["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
Nach dem Login kopieren
Nach dem Login kopieren

Spleiß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"]
Nach dem Login kopieren
Nach dem Login kopieren

Zum Beispiel, wenn Sie Bill und Blake zwischen Linda und Alisa hinzufügen möchten


arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );
Nach dem Login kopieren

Die angehängte Array-Struktur sieht folgendermaßen aus:


["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
Nach dem Login kopieren
  • Die Startposition arr.indexOf( 'Linda' ) + 1 ist nach dem Array-Element Linda

  • Der Parameter „Anzahl der gelöschten Elemente“ wird hier auf 0 gesetzt. Dies ist der Schlüssel zum Anhängen von Elementen, was bedeutet, dass die Elemente vorhanden sind nicht gelöscht

  • 'Bill', 'Blake' Dies sind die letzten Parameterelemente der Spleißmethode des integrierten Objektarrays. Die Bedeutung ist unterschiedlich Abhängig vom Parameterwert deleteCount ist der Parameter deleteCount hier 0 und items hat zwei Werte zur Darstellung dieses Parameters, was bedeutet, dass die Elementwerte „Bill“, „Blake“ angehängt werden

wie oben erwähnt Es ist zu einfach, das erste Element und das letzte Element zu löschen. Hier ist eine kurze Erwähnung von

Löschen des Arrays Das erste Element


arr.shift();
Nach dem Login kopieren

Das gelöschte Array sieht so aus:


["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
Nach dem Login kopieren

Das letzte Element im Array löschen


arr.pop();
Nach dem Login kopieren

Das gelöschte Array sieht so aus:


["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEinführung in Methoden zum Löschen bestimmter Elemente aus JavaScript-Arrays. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!