Heim Web-Frontend js-Tutorial Einführung in Methoden zum Löschen bestimmter Elemente aus JavaScript-Arrays

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

Sep 07, 2017 am 10:23 AM
javascript js 元素

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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen Dec 18, 2023 pm 03:39 PM

Mit der rasanten Entwicklung der Internetfinanzierung sind Aktieninvestitionen für immer mehr Menschen zur Wahl geworden. Im Aktienhandel sind Kerzendiagramme eine häufig verwendete Methode der technischen Analyse. Sie können den sich ändernden Trend der Aktienkurse anzeigen und Anlegern helfen, genauere Entscheidungen zu treffen. In diesem Artikel werden die Entwicklungskompetenzen von PHP und JS vorgestellt, der Leser wird zum Verständnis des Zeichnens von Aktienkerzendiagrammen geführt und es werden spezifische Codebeispiele bereitgestellt. 1. Aktien-Kerzendiagramme verstehen Bevor wir uns mit dem Zeichnen von Aktien-Kerzendiagrammen befassen, müssen wir zunächst verstehen, was ein Kerzendiagramm ist. Candlestick-Charts wurden von den Japanern entwickelt

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

Die Beziehung zwischen js und vue Die Beziehung zwischen js und vue Mar 11, 2024 pm 05:21 PM

Die Beziehung zwischen js und vue: 1. JS als Eckpfeiler der Webentwicklung; 2. Der Aufstieg von Vue.js als Front-End-Framework; 3. Die komplementäre Beziehung zwischen JS und Vue; Vue.

So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript Jan 05, 2024 pm 01:37 PM

Einführung in die Methode zum Abrufen des HTTP-Statuscodes in JavaScript: Bei der Front-End-Entwicklung müssen wir uns häufig mit der Interaktion mit der Back-End-Schnittstelle befassen, und der HTTP-Statuscode ist ein sehr wichtiger Teil davon. Das Verstehen und Abrufen von HTTP-Statuscodes hilft uns, die von der Schnittstelle zurückgegebenen Daten besser zu verarbeiten. In diesem Artikel wird erläutert, wie Sie mithilfe von JavaScript HTTP-Statuscodes erhalten, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist ein HTTP-Statuscode? HTTP-Statuscode bedeutet, dass der Dienst den Dienst anfordert, wenn er eine Anfrage an den Server initiiert

Die KI-Ära von JS ist da! Die KI-Ära von JS ist da! Apr 08, 2024 am 09:10 AM

Einführung in JS-Torch JS-Torch ist eine Deep-Learning-JavaScript-Bibliothek, deren Syntax PyTorch sehr ähnlich ist. Es enthält ein voll funktionsfähiges Tensorobjekt (kann mit verfolgten Farbverläufen verwendet werden), Deep-Learning-Ebenen und -Funktionen sowie eine automatische Differenzierungs-Engine. JS-Torch eignet sich für die Deep-Learning-Forschung in JavaScript und bietet viele praktische Tools und Funktionen zur Beschleunigung der Deep-Learning-Entwicklung. Image PyTorch ist ein Open-Source-Deep-Learning-Framework, das vom Meta-Forschungsteam entwickelt und gepflegt wird. Es bietet einen umfangreichen Satz an Tools und Bibliotheken zum Erstellen und Trainieren neuronaler Netzwerkmodelle. PyTorch ist einfach, flexibel und benutzerfreundlich konzipiert und verfügt über dynamische Berechnungsdiagrammfunktionen

Der Unterschied zwischen __proto__ und Prototyp in JS Der Unterschied zwischen __proto__ und Prototyp in JS Feb 19, 2024 pm 01:38 PM

__proto__ und Prototyp sind zwei Attribute, die sich auf Prototypen in JS beziehen und leicht unterschiedliche Funktionen haben. In diesem Artikel werden die Unterschiede zwischen den beiden im Detail vorgestellt und verglichen sowie entsprechende Codebeispiele bereitgestellt. Lassen Sie uns zunächst verstehen, was sie bedeuten und wofür sie verwendet werden. proto__proto__ ist eine integrierte Eigenschaft eines Objekts, die auf den Prototyp des Objekts verweist. Jedes Objekt verfügt über ein __proto__-Attribut, einschließlich benutzerdefinierter Objekte, integrierter Objekte und Funktionsobjekte. Nach der Gattung __proto__

js-Methode zum Aktualisieren der aktuellen Seite js-Methode zum Aktualisieren der aktuellen Seite Jan 24, 2024 pm 03:58 PM

js-Methoden zum Aktualisieren der aktuellen Seite: 1. location.reload(); 2. location.href(); 4. window.location. Detaillierte Einführung: 1. location.reload(), verwenden Sie die Methode location.reload(), um die aktuelle Seite neu zu laden. 2. location.href, Sie können die aktuelle Seite aktualisieren, indem Sie das Attribut location.href usw. festlegen.

See all articles