Arrays in JavaScript beinhalten Methoden
JavaScript ist eine häufig verwendete Programmiersprache, die in der Webentwicklung und Anwendungsentwicklung weit verbreitet ist. Unter diesen ist Array eine der am häufigsten verwendeten Datenstrukturen in JavaScript. Es kann eine Reihe verwandter Daten speichern und verschiedene Vorgänge zur Verarbeitung dieser Daten unterstützen. JavaScript bietet viele Methoden, die für Array-Operationen verwendet werden können. In diesem Artikel werden einige davon vorgestellt.
- push()-Methode Die
push()-Methode ermöglicht es uns, ein oder mehrere Elemente am Ende des Arrays hinzuzufügen und gibt die aktualisierte Array-Länge zurück. Der folgende Code fügt beispielsweise ein Element am Ende des Array-Alters hinzu:
let ages = [25, 30, 35]; ages.push(40); console.log(ages); // [25, 30, 35, 40]
- pop()-Methode
pop()-Methode ist das Gegenteil der push()-Methode, sie entfernt ein Element vom Ende von das Array und gibt die gelöschten Elemente zurück. Der folgende Code entfernt beispielsweise das letzte Element des Array-Alters:
let ages = [25, 30, 35]; let deletedAge = ages.pop(); console.log(deletedAge); // 35 console.log(ages); // [25, 30]
- shift()-Methode
shift()-Methode ähnelt der pop()-Methode, entfernt jedoch das erste Element vom Anfang von das Array und gibt das gelöschte Element zurück. Der folgende Code löscht beispielsweise das erste Element des Array-Alters:
let ages = [25, 30, 35]; let deletedAge = ages.shift(); console.log(deletedAge); // 25 console.log(ages); // [30, 35]
- unshift()-Methode
unshift()-Methode ist das Gegenteil der push()-Methode, sie fügt ein oder mehrere Elemente vom Anfang an hinzu das Array und gibt die aktualisierte Array-Länge zurück. Der folgende Code fügt beispielsweise ein Element am Anfang des Array-Alters hinzu:
let ages = [25, 30, 35]; ages.unshift(20); console.log(ages); // [20, 25, 30, 35]
- slice()-Methode Die
slice()-Methode ermöglicht es uns, ein neues Array aus einem Array zu erstellen, das die angegebenen Start- und enthält Endindizes. Elemente dazwischen. Mit dem folgenden Code wird beispielsweise ein neues Array erstellt, das das zweite und dritte Element im Array-Alter enthält:
let ages = [25, 30, 35]; let newAges = ages.slice(1, 3); console.log(newAges); // [30, 35]
- splice()-Methode
splice()-Methode ermöglicht es uns, einem Array hinzuzufügen und daraus zu entfernen oder ein oder zu ersetzen mehr Elemente. Es akzeptiert drei Parameter: Startindex, Anzahl der zu entfernenden Elemente und hinzuzufügende Elemente. Der folgende Code entfernt beispielsweise das zweite Element im Ages-Array und fügt ein neues Element an derselben Position hinzu:
let ages = [25, 30, 35]; ages.splice(1, 1, 28); console.log(ages); // [25, 28, 35]
- indexOf()- und lastIndexOf()-Methoden
indexOf()-Methode gibt das angegebene Element im zurück Array Index des ersten Vorkommens. Wenn das Element nicht existiert, wird -1 zurückgegeben. Der folgende Code gibt beispielsweise den Index von Element 35 im Array ages zurück:
let ages = [25, 30, 35]; let index = ages.indexOf(35); console.log(index); // 2
Die Methode lastIndexOf() ähnelt der Methode indexOf(), gibt jedoch den Index des letzten Vorkommens des angegebenen Elements im zurück Array.
- forEach()-Methode
forEach()-Methode ermöglicht es uns, alle Elemente im Array zu durchlaufen und bestimmte Operationen für jedes Element auszuführen. Der folgende Code gibt beispielsweise eine Meldung für jedes Element im Array-Alter aus:
let ages = [25, 30, 35]; ages.forEach(function(age) { console.log("The person's age is " + age); });
- map()-Methode
map()-Methode ermöglicht es uns, alle Elemente im Array zu durchlaufen und sie basierend auf bestimmten zu kombinieren Bedingungen In neuen Wert umwandeln. Der folgende Code multipliziert beispielsweise das Alter jedes Elements im Array mit 2 und erstellt ein neues Array:
let ages = [25, 30, 35]; let doubledAges = ages.map(function(age) { return age * 2; }); console.log(doubledAges); // [50, 60, 70]
- filter()-Methode
filter()-Methode ermöglicht es uns, alle Elemente im Array zu durchlaufen und zurückzukehren Elemente, die bestimmte Bedingungen erfüllen. Der folgende Code gibt beispielsweise Elemente zurück, die größer als 30 im Array-Alter sind:
let ages = [25, 30, 35]; let filteredAges = ages.filter(function(age) { return age > 30; }); console.log(filteredAges); // [35]
Arrays sind eine sehr wichtige Datenstruktur in JavaScript, die es uns ermöglicht, problemlos mit mehreren ähnlichen Daten umzugehen. Bei der eigentlichen Programmierung ist es sehr wichtig, die Array-Operationsmethoden zu beherrschen, was die Entwicklungseffizienz und die Lesbarkeit des Codes erheblich verbessern kann. Dieser Artikel stellt einige häufig verwendete Array-Operationsmethoden vor und hofft, den Lesern hilfreich zu sein.
Das obige ist der detaillierte Inhalt vonArrays in JavaScript beinhalten Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



In dem Artikel wird die Verwendung von UseEffect in React, einen Haken für die Verwaltung von Nebenwirkungen wie Datenabrufen und DOM -Manipulation in funktionellen Komponenten erläutert. Es erklärt die Verwendung, gemeinsame Nebenwirkungen und Reinigung, um Probleme wie Speicherlecks zu verhindern.

Funktionen höherer Ordnung in JavaScript verbessern die Übersichtlichkeit, Wiederverwendbarkeit, Modularität und Leistung von Code durch Abstraktion, gemeinsame Muster und Optimierungstechniken.

Der Artikel erläutert den Versöhnungsalgorithmus von React, der das DOM effizient aktualisiert, indem virtuelle DOM -Bäume verglichen werden. Es werden Leistungsvorteile, Optimierungstechniken und Auswirkungen auf die Benutzererfahrung erörtert.

In dem Artikel wird das Currying in JavaScript, einer Technik, die Multi-Argument-Funktionen in Einzelargument-Funktionssequenzen verwandelt. Es untersucht die Implementierung von Currying, Vorteile wie teilweise Anwendungen und praktische Verwendungen, Verbesserung des Code -Lesens

In Artikel werden die Verbindungskomponenten an Redux Store mit Connect () verbinden, wobei MapStatetoprops, MapDispatchtoprops und Leistungsauswirkungen erläutert werden.

Der Artikel erläutert den Usecontext in React, was das staatliche Management durch Vermeidung von Prop -Bohrungen vereinfacht. Es wird von Vorteilen wie zentraler Staat und Leistungsverbesserungen durch reduzierte Neulehre erörtert.

In Artikeln werden das Standardverhalten bei Ereignishandlern mithilfe von PURDDEFAULT () -Methoden, seinen Vorteilen wie verbesserten Benutzererfahrungen und potenziellen Problemen wie Barrierefreiheitsproblemen verhindern.

Der Artikel erörtert die Vor- und Nachteile kontrollierter und unkontrollierter Komponenten bei React, wobei sich auf Aspekte wie Vorhersehbarkeit, Leistung und Anwendungsfälle konzentriert. Es rät zu Faktoren, die bei der Auswahl zwischen ihnen berücksichtigt werden müssen.
