Heim > Web-Frontend > js-Tutorial > Hauptteil

Löschen Sie die angegebenen Elemente aus dem JS-Array

php中世界最好的语言
Freigeben: 2018-04-18 13:39:03
Original
3485 Leute haben es durchsucht

Dieses Mal werde ich Ihnen JSArrayLöschenspezifizierte Elemente und die Vorsichtsmaßnahmen zum Löschen spezifizierter Elemente aus JS-Arrays vorstellen. Im Folgenden sind praktische Fälle aufgeführt . Steh auf und schau es dir an.

Bei der Verwendung von JavaScript war das Löschen bestimmter Elemente aus Arrays für viele Menschen schon immer ein Problem. Wie lösche ich bestimmte Elemente aus JavaScript-Arrays? Der folgende Artikel gibt Ihnen eine detaillierte 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

Bitte beachten Sie jedoch, dass dies bedeutet, dass die Länge des Arrays Array, also der Variablen arr, unverändert bleibt

vollständig löschen Was ist das vollständige Löschen? Sie können sich diese Frage auch wörtlich vorstellen, nämlich das tatsächliche Löschen der Elementwerte des Arrays und das Ändern der Länge des Arrays. Sie können die Spleißmethode des integrierten Arrays verwenden. im Array

ObjektArray Erfüllen Sie dieses Bedürfnis! Wenn es um die Spleißmethode geht, 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. Die Bedeutung seiner Parameter ist:

  • start: Startpunkt

    index value

  • deleteCount: Anzahl der zu löschenden Elemente
  • items: Elemente, die danach ersetzt/angehängt werden sollen Streichung 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 an der Position des Parameters items ein Parameterwert angegeben ist, bedeutet dies Ersetzung Wenn deleteCount 1 ist und mehr als ein Parameterwert an der Position des Parameters items angegeben ist, bedeutet dies, dass Elemente
ersetzt und angehängt werden Verwenden Sie die Spleißmethode, um den Elementwert zu löschen, der durch die obige Pseudolöschung null übrig bleibt

arr.splice( arr.indexOf( null ), 1 );
Nach dem Login kopieren
Das gelöschte Array sieht so 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.!

Spleißfunktion – Element ersetzen

Die Array-Struktur sieht nun so aus:

["George", "John", "James", "Adrew", "Martin"]
Nach dem Login kopieren
Nach dem Login kopieren
Möchten Sie das Array-Element James durch Tom

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );
Nach dem Login kopieren
ersetzen Die ersetzte Array-Struktur sieht folgendermaßen aus:

["George", "John", "Tom", "Adrew", "Martin"]
Nach dem Login kopieren
Nach dem Login kopieren
Spleißfunktion – Elemente ersetzen und anhängen

Die aktuelle Array-Struktur sieht nun 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 sieht nach dem Ersetzen und Anhängen wie folgt aus:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
Nach dem Login kopieren
Nach dem Login kopieren
Spleißfunktion – Element anhängen

Sie können je nach Ihren spezifischen Anforderungen eine beliebige Position zum Anhängen von Elementen wählen. Der Schlüssel liegt in der 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
Fügen Sie zum Beispiel Bill und Blake zwischen Linda und Alisa hinzu

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

    liegt nach dem Array-Element Linda arr.indexOf( 'Linda' ) + 1

  • 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 das Element
  • wird nicht gelöscht

  • 'Bill', 'Blake' Dies sind die letzten Parameterelemente der Spleißmethode des integrierten Objektarrays. Die Bedeutung ist unterschiedlich Der Parameterwert deleteCount ist hier 0 und items hat zwei Werte, um diesen Parameter darzustellen, was bedeutet, dass die Elementwerte „Bill“, „Blake“ angehängt werden
Oben geht es um das Löschen bestimmter Elemente im Array. Es ist zu einfach, das erste Element und das letzte Element zu löschen. Ich werde es hier kurz erwähnen Löschen Sie das erste Element im Array

Das gelöschte Array sieht so aus:

arr.shift();
Nach dem Login kopieren

Löschen Sie das letzte Element im Array

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

Das gelöschte Array sieht so aus:

arr.pop();
Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
Nach dem Login kopieren
Empfohlene Lektüre:

Detaillierte Schritte zur Verwendung mehrerer Django-Datenbanken

node.js implementiert die Kapselung der WeChat-Schnittstelle

Das obige ist der detaillierte Inhalt vonLöschen Sie die angegebenen Elemente aus dem JS-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
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!