JavaScript-Arraymethoden

Die Kraft von JavaScript-Arrays versteckt sich in den Array-Methoden.

Das Array in einen String umwandeln

JavaScript-Methode toString() Das Array in einen String der Array-Werte (durch Komma getrennt) umwandeln.

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Ergebnis

Banana,Orange,Apple,Mango

Probieren Sie es selbst aus

join() Die Methode kann alle Array-Elemente zu einem String kombinieren.

Sein Verhalten ist ähnlich wie toString(), aber Sie können auch einen Trennzeichen angeben:

Beispiel

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Ergebnis

Banana * Orange * Apple * Mango

Probieren Sie es selbst aus

Entfernen und Einfügen

Bei der Verarbeitung von Arrays ist das Entfernen von Elementen und das Hinzufügen neuer Elemente sehr einfach.

Entfernen und Einfügen beziehen sich auf:

aus dem ArrayEntfernenProjekt, oder in das ArrayEinfügenProjekt.

Entfernen

pop() Die Methode entfernt das letzte Element aus dem Array:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Das letzte Element ('Mango') wird aus dem Array 'fruits' entfernt

Probieren Sie es selbst aus

pop() Die Methode gibt den 'ausgegebenen' Wert zurück:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // Der Wert von x ist 'Mango'

Probieren Sie es selbst aus

Hinzufügen

push() Die Methode fügt ein neues Element (am Ende des Arrays) hinzu:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // Ein neues Element wird am Ende des Arrays 'fruits' hinzugefügt

Probieren Sie es selbst aus

push() Die Methode gibt die Länge des neuen Arrays zurück:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // Der Wert von x ist 5

Probieren Sie es selbst aus

Verschieben von Elementen

Verschieben ist äquivalent zum Pop, aber es behandelt das erste Element anstatt das letzte.

shift() Die Methode entfernt das erste Array-Element und verschiebt alle anderen Elemente in niedrigere Indizes.

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Aus dem Array 'fruits' wird der erste Element 'Banana' entfernt

Probieren Sie es selbst aus

shift() Die Methode gibt das verschobene String zurück:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // Rückerhalten von "Banana"

Probieren Sie es selbst aus

unshift() Die Methode (am Anfang) fügt neue Elemente zum Array hinzu und "verschiebt" die alten Elemente um:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Hinzufügen des neuen Elements "Lemon" zu fruits

Probieren Sie es selbst aus

unshift() Die Methode gibt die Länge des neuen Arrays zurück.

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Rückerhalten von 5

Probieren Sie es selbst aus

Ändern von Elementen

durch die Verwendung ihrerIndexnummernum Array-Elemente zu erreichen:

ArrayIndizes (Index)beginnen bei 0. [0] ist das erste Array-Element, [1] ist das zweite, [2] ist das dritte ...

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Setzen des ersten Elements von fruits auf "Kiwi"

Probieren Sie es selbst aus

length Die Eigenschaft bietet eine einfache Methode, um neue Elemente zu einem Array hinzuzufügen:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Hinzufügen von "Kiwi" zu fruits

Probieren Sie es selbst aus

Entfernen von Elementen

Da JavaScript-Arrays Objekte sind, können ihre Elemente mit JavaScript delete Operator, umEntfernen:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Setzen des ersten Elements von fruits auf undefined

Probieren Sie es selbst aus

Verwenden Sie delete lässt undefinierte Lücken im Array zurück. Verwenden Sie pop() oder shift() daher.

Verknüpfung von Arrays

splice() Diese Methode kann verwendet werden, um neue Elemente zu einem Array hinzuzufügen:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Probieren Sie es selbst aus

Der erste Parameter (2) definiert die Position, an der das neue Element hinzugefügt werden soll (Verknüpfung).

Der zweite Parameter (0) definiert, wie viele Elemente gelöscht werden sollen.

Die restlichen Parameter ("Lemon", "Kiwi") definieren die neuen Elemente, die hinzugefügt werden sollen.

splice() Die Methode gibt ein Array mit den gelöschten Elementen zurück:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Probieren Sie es selbst aus

Verwenden Sie splice() zum Entfernen von Elementen

Durch geschickte Parameterbestimmung können Sie splice() Entfernen von Elementen aus einem Array ohne "Lücken" zu hinterlassen:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Löschen des ersten Elements aus fruits

Probieren Sie es selbst aus

Der erste Parameter (0) definiert, wo ein neuer Element hinzugefügt werden soll.hinzufügenEingriffspunkt.

Das zweite Parameter (1) definiert denMehrere löschenElemente.

Die übrigen Parameter werden weggelassen. Es werden keine neuen Elemente hinzugefügt.

Kombinieren (Verbinden) von Arrays

concat() Die Methode erstellt ein neues Array durch das Kombinieren (Verbinden) bestehender Arrays:

Beispiel (Verbindung zweier Arrays)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Verbindet myGirls und myBoys

Probieren Sie es selbst aus

concat() Die Methode ändert das bestehende Array nicht. Sie gibt immer ein neues Array zurück.

concat() Die Methode kann eine beliebige Anzahl von Array-Parametern verwenden:

Beispiel (Verbindung dreier Arrays)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // Verbindet arr1, arr2 und arr3

Probieren Sie es selbst aus

concat() Die Methode kann auch Werte als Parameter übernehmen:

Beispiel (Verbindung von Array und Wert)

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Probieren Sie es selbst aus

Array schneiden

slice() Die Methode schneidet einen Teil des Arrays aus, um ein neues Array zu erstellen.

In diesem Beispiel wird ein Abschnitt des Arrays ab dem Arrayelement 1 ("Orange") ausgeschnitten:

Beispiel

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

Probieren Sie es selbst aus

slice() Die Methode erstellt ein neues Array. Sie entfernt keine Elemente aus dem Quellarray.

In diesem Beispiel wird ein Abschnitt des Arrays ab dem Arrayelement 3 ("Apple") ausgeschnitten:

Beispiel

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

Probieren Sie es selbst aus

slice() Es können zwei Parameter akzeptiert werden, zum Beispiel (1, 3).

Diese Methode wählt Elemente ab dem Startparameter bis zum Endparameter (ausgeschlossen) aus.

Beispiel

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Probieren Sie es selbst aus

wenn das Endparameter weggelassen wird, wie im ersten Beispiel slice() es wird der verbleibende Teil des Arrays ausgeschnitten.

Beispiel

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

Probieren Sie es selbst aus

automatisch toString()

Wenn Sie den ursprünglichen Wert benötigen, wandelt JavaScript den Array automatisch in eine Zeichenfolge um. Die folgenden beiden Beispiele erzeugen dasselbe Ergebnis:

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Probieren Sie es selbst aus

Beispiel

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Probieren Sie es selbst aus

Alle JavaScript-Objekte besitzen toString() Methode.

Array-Sortierung

Wir werden im nächsten Kapitel lernen, wie man Arrays sortiert.

Suchen Sie nach den größten und kleinsten Werten in einem Array

Es gibt keine eingebauten Funktionen in JavaScript-Arrays, um den höchsten und niedrigsten Wert zu finden.

Sie werden im nächsten Kapitel dieses Tutorials lernen, wie Sie dieses Problem lösen können.

Vollständiges Array-Referenzhandbuch

Für ein vollständiges Referenzhandbuch besuchen Sie bitte unser vollständiges JavaScript-Array-Referenzhandbuch.

Dieses Referenzhandbuch enthält alle Beschreibungen und Beispiele der Array-Attribute und -Methoden.