JavaScript ordnet einen Anfänger -Leitfaden an

JavaScript -Arrays sind eine grundlegende Datenstruktur, die in der Webentwicklung verwendet wird. Sie ermöglichen es Entwicklern, Datenlisten in einer einzelnen Variablen zu speichern und zu manipulieren. In diesem Artikel werden wir untersuchen, was Arrays sind, wie man sie erstellt und wie man sie in JavaScript manipuliert.

Was ist ein Array?

In JavaScript ist ein Array eine Variable, die mehrere Werte enthalten kann. Es ist ein listenähnliches Objekt, mit dem Entwickler bestellt werden können und auf Daten zugreifen können. Arrays können jeden Datentyp enthalten, einschließlich Zeichenfolgen, Zahlen und Objekten.

JavaScript -Arrays

Erstellen eines Arrays

In JavaScript werden Arrays mit quadratischen Klammern erstellt [] und kann alle Datentypen enthalten, einschließlich Zahlen, Zeichenfolgen, Objekten und sogar anderen Arrays. Um ein Array zu erstellen, deklarieren Sie einfach eine neue Variable und weisen sie einem Array mit den Quadratklammern zu.

Um ein Array in JavaScript zu erstellen, können wir die folgende Syntax verwenden:

// syntax let arrayName = [value1, value2, value3];

12	// syntaxlet arrayName = [value1, value2, value3];

Hier ist ArrayName der Name des Arrays und Value1, Value2 und Value3 sind die Werte, die wir im Array speichern möchten. Zum Beispiel:

// ein Array definieren let fruits = ['Apple', 'Banane', 'Orange'];

12	// Definieren Sie eine Arraylet fruits = ['Apple', 'Banane', 'Orange'];

Dies schafft ein Array namens Früchte mit drei Saiten: "Apfel", "Banane" und "Orange".

Wir können auch ein leeres Array erstellen und später Werte hinzufügen:

// EMTPY -Array definieren let numbers = []; // Werte in Array -Nummern einfügen.Push (1); Zahlen.Push (2); Zahlen.Push (3);

1234567

// EMTPY -Arraylet -Nummern definieren = []; // Werte in Array -Nummern einfügen.Push (1); Zahlen.Push (2); Zahlen.Push (3);

Dadurch wird ein leeres Array namens Zahlen erstellt und die Zahlen 1, 2 und 3 mit der PUSP () -Methode hinzugefügt.

Zugriff auf Array -Elemente

Wir können mit ihrem Index auf einzelne Elemente in einem Array zugreifen. In JavaScript beginnen Array -Indizes bei 0. Zum Beispiel können wir die folgende Syntax verwenden:

// Array -Element des Array bei der Index 0 -Konsole drucken.log (Früchte [0]);

12	// Array -Element in Index 0Console drucken.log (Früchte [0]);

Dies würde 'Apple' in die Konsole ausgeben. Wir können auf die gleiche Weise auf die zweite und dritte Elemente zugreifen:

// Array -Element in der Index 1,2 Konsole drucken.log (Früchte [1]); // 'Banana' Konsole.log (Früchte [2]); // 'orange'

123	// Array -Element des Array bei Index 1,2Console drucken.log (Früchte [1]); // 'Banana'console.log (Früchte [2]); // 'orange'

Ändern von Array -Elementen

Wir können die Werte in einem Array ändern, indem wir mit ihrem Index auf sie zugreifen und ihnen einen neuen Wert zuweisen. Um beispielsweise das zweite Element im FRUITS -Array in "Birne" zu ändern, können wir den folgenden Code verwenden:

// Array -Element an Index 1 ersetzen [1] = 'Pear'; Konsole.log (Früchte); // ['Apple', 'Birne', 'Orange']

123	// Array -Element bei Index 1Fruits ersetzen [1] = 'Pear'; Konsole.log (Früchte); // ['Apple', 'Birne', 'Orange']

Dies würde das zweite Element im Früchten -Array in "Birne" ändern.

JavaScript-Array-integrierte Methoden

JavaScript-Arrays verfügen über mehrere integrierte Methoden, mit denen wir ihren Inhalt manipulieren können. Sobald Sie ein Array erstellt haben, können Sie mit verschiedenen Array -Methoden auf seine Elemente zugreifen und manipulieren, wie z.

drücken()

Der drücken() Die Methode fügt ein oder mehrere Elemente zum Ende eines Arrays hinzu und gibt die neue Länge des Arrays zurück.

// Neuarray -Elementfrüchte anhängen.Push ('Traube'); Konsole.log (Früchte); // ['Apple', 'Birne', 'Orange', 'Traube']

123	// Neuarray -Elementfruits anhängen.Push ('Traube'); Konsole.log (Früchte); // ['Apple', 'Birne', 'Orange', 'Traube']

Pop()

Der Pop() Die Methode entfernt das letzte Element aus einem Array und gibt dieses Element zurück.

// Last Array Element Fruits entfernen.Pop(); Konsole.log (Früchte); // ['Apple', 'Birne', 'Orange']

123	// Letzte Array -Elementfruits entfernen.pop (); Konsole.log (Früchte); // ['Apple', 'Birne', 'Orange']

Schicht()

Der Schicht() Die Methode verschiebt alle Elemente von rechts nach links. Das das erste Element aus einem Array entfernt:

// Schaltarray -Element von rechts bis links Früchte verschieben.Schicht(); Konsole.log (Früchte); // ['Pear', 'Orange']

123	// Verschiebungsarray -Element von rechts zu linken.Shift (); Konsole.log (Früchte); // ['Pear', 'Orange']

unscharf ()

Der unscharf () Die Methode fügt dem Beginn eines Arrays ein oder mehrere Elemente hinzu und gibt die neue Länge des Arrays zurück.

// Verschiebungsarray -Elemente von links nach rechts und // ein neues Array -Element bei Index 0 FRUits hinzufügen.Unschänder ('Banane'); Konsole.log (Früchte); // ['Banane', 'Birne', 'Orange']

1234	// Verschiebungsarray -Elemente von links nach rechts und // ein neues Array -Element in den Index 0fruits hinzufügen.unerschütterlich ('Banane'); Konsole.log (Früchte); // ['Banane', 'Birne', 'Orange']

spleißen()

Der spleißen() Methode kann Elemente in einem Array hinzufügen, entfernen und/oder ersetzen. Es nimmt mindestens zwei Argumente ein: den Index, bei dem Änderungen vorgenommen werden können, und die Anzahl der zu entfernen. Es können zusätzliche Argumente vorgelegt werden, um Elemente im selben Index hinzuzufügen. Die Methode gibt ein Array der entfernten Elemente oder ein leeres Array zurück, wenn keine Elemente entfernt wurden.

// Neues Array bei bestimmten Indexfrüchten drücken.Spleiß (1, 0, 'Traube'); Konsole.log (Früchte); // ['Banane', 'Traube', 'Birne', 'Orange']

123	// Neuarray bei bestimmten Indexfruiten drücken.Spleiß (1, 0, 'Traube'); Konsole.log (Früchte); // ['Banane', 'Traube', 'Birne', 'Orange']

Hier das spleißen() Die Methode fügt die Zeichenfolge 'Traube' in das Früchte -Array am Index 1 ein und drückt das ursprüngliche Element unter Index 1 und nachfolgende Elemente um einen Index zurück.

Scheibe()

Der Scheibe() Die Methode gibt ein neues Array mit einem Teil eines vorhandenen Arrays zurück. Der Teil wird durch die Start- und Endindizes angegeben, die als Argumente an die Methode übergeben werden. Der Startindex ist inklusive und der Endindex ist exklusiv. Wenn keine Argumente übergeben werden, gibt die Methode eine Kopie des gesamten Arrays zurück. Das ursprüngliche Array ist nicht modifiziert.

// eine Reihe von Elementen in ein neues Array kopieren lassen.Slice (1, 3); Konsole.log (newArray); // ['Traube', 'Birne']

123	// Kopieren Sie eine Reihe von Elementen in ein Neuarraylet Newarray = Früchte.Scheibe (1, 3); Konsole.log (newArray); // ['Traube', 'Birne']

Hier das Scheibe() Die Methode erstellt ein neues Array namens "Newarray" das enthält die Elemente des Früchtenarrays von Index 1 bis, aber nicht einbezogen, Index 3.

Index von()

Der Index von() Die Methode gibt den Index des ersten Auftretens eines bestimmten Elements in einem Array zurück:

// Die Indexnummer nach Wert in Array let Index = fruits.indexof ('birne'); Konsole.log (index); // 1

123	// Die Indexnummer nach Wert in Arraylet Index = fruits abrufen.indexof ('birne'); Konsole.log (index); // 1

Hier das Index von() Die Methode gibt den Index der Zeichenfolge zurück 'Birne' im Früchtenarray, das ist 1.

Abschluss

JavaScript -Arrays sind eine leistungsstarke Datenstruktur, mit der Entwickler Datenlisten in einer einzelnen Variablen speichern und manipulieren können. Sie werden in der Webentwicklung ausgiebig eingesetzt und sind ein grundlegendes Konzept, um zu verstehen. In diesem Artikel haben wir untersucht, wie man Arrays in JavaScript erstellt und manipuliert, sowie einige der am häufigsten verwendeten Array -Methoden. Mit diesem Wissen sollten Sie gut ausgestattet sein, um mit Arrays in Ihren eigenen JavaScript-Projekten zu arbeiten.