JavaScript-Array-Methoden
Konvertieren von Arrays in Strings
Die JavaScript-Methode toString()konvertiert ein Array in eine Zeichenfolge von (kommagetrennten) Array-Werten.
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Ergebnis:
Die join()Methode fügt auch alle Array-Elemente zu einem String zusammen.
Es verhält sich genauso wie toString(), aber zusätzlich können Sie das Trennzeichen angeben:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Ergebnis:
Popping und Pushing
Wenn Sie mit Arrays arbeiten, ist es einfach, Elemente zu entfernen und neue Elemente hinzuzufügen.
Das ist Popping und Pushing:
Elemente aus einem Array herausholen oder Elemente in ein Array schieben .
JavaScript-Array pop()
Die pop()Methode entfernt das letzte Element aus einem Array:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
Die pop()Methode gibt den Wert zurück, der "herausgesprungen" ist:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
JavaScript-Array push()
Die push()Methode fügt einem Array (am Ende) ein neues Element hinzu:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
Die push()Methode gibt die neue Array-Länge zurück:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
Verschieben von Elementen
Shifting ist gleichbedeutend mit Popping, arbeitet aber am ersten Element statt am letzten.
JavaScript-Array-Verschiebung ()
Die shift()Methode entfernt das erste Array-Element und „verschiebt“ alle anderen Elemente auf einen niedrigeren Index.
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
Die shift()Methode gibt den "herausgeschobenen" Wert zurück:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
JavaScript-Array unshift()
Die unshift()Methode fügt einem Array (am Anfang) ein neues Element hinzu und "entschiebt" ältere Elemente:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Die unshift()Methode gibt die neue Arraylänge zurück.
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Wechselnde Elemente
Auf Array-Elemente wird über ihre Indexnummer zugegriffen :
Array -Indizes beginnen mit 0:
[0] ist das erste Array-Element
[1] ist das zweite
[2] ist das dritte ...
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
Länge des JavaScript-Arrays
Die lengthEigenschaft bietet eine einfache Möglichkeit, ein neues Element an ein Array anzuhängen:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
JavaScript-Array löschen ()
Warnung !
Array-Elemente können mit dem JavaScript-Operator gelöscht werden delete.
Die Verwendung deletehinterlässt undefinedLöcher im Array.
Verwenden Sie stattdessen pop() oder shift().
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
Zusammenführen (Verketten) von Arrays
Die concat()Methode erstellt ein neues Array durch Zusammenführen (Verketten) bestehender Arrays:
Beispiel (Zusammenführen von zwei Arrays)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
Die concat()Methode ändert die vorhandenen Arrays nicht. Es gibt immer ein neues Array zurück.
Die concat()Methode kann eine beliebige Anzahl von Array-Argumenten annehmen:
Beispiel (Zusammenführen von drei Arrays)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
Die concat()Methode kann auch Strings als Argumente annehmen:
Beispiel (Zusammenführen eines Arrays mit Werten)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
Splicing- und Slicing-Arrays
Die splice()Methode fügt einem Array neue Elemente hinzu.
Die slice()Methode schneidet ein Stück eines Arrays heraus.
JavaScript-Array splice()
Die splice()Methode kann verwendet werden, um neue Elemente zu einem Array hinzuzufügen:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Der erste Parameter (2) definiert die Position, an der neue Elemente hinzugefügt (eingespleißt) werden sollen.
Der zweite Parameter (0) definiert , wie viele Elemente entfernt werden sollen .
Die restlichen Parameter ("Zitrone", "Kiwi") definieren die neu hinzuzufügenden Elemente .
Die splice()Methode gibt ein Array mit den gelöschten Elementen zurück:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
Verwenden von splice() zum Entfernen von Elementen
Durch geschickte Parametereinstellung können Sie splice()mit Elemente entfernen, ohne "Löcher" im Array zu hinterlassen:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
Der erste Parameter (0) definiert die Position, an der neue Elemente hinzugefügt (eingespleißt) werden sollen.
Der zweite Parameter (1) definiert , wie viele Elemente entfernt werden sollen .
Die restlichen Parameter entfallen. Es werden keine neuen Elemente hinzugefügt.
JavaScript-Array-Slice()
Die slice()Methode zerlegt einen Teil eines Arrays in ein neues Array.
Dieses Beispiel schneidet einen Teil eines Arrays ab Array-Element 1 ("Orange") heraus:
Beispiel
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
Notiz
Die slice()Methode erstellt ein neues Array.
Die slice()Methode entfernt keine Elemente aus dem Quellarray.
Dieses Beispiel schneidet einen Teil eines Arrays ab Array-Element 3 ("Apple") heraus:
Beispiel
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
Die slice()Methode kann zwei Argumente wie slice(1, 3).
Die Methode wählt dann Elemente vom Startargument bis zum (aber nicht einschließlich) Endargument aus.
Beispiel
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
Wenn das Endargument weggelassen wird, wie in den ersten Beispielen, slice()
schneidet die Methode den Rest des Arrays heraus.
Beispiel
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
Automatisch toString()
JavaScript konvertiert ein Array automatisch in einen durch Kommas getrennten String, wenn ein primitiver Wert erwartet wird.
Dies ist immer dann der Fall, wenn Sie versuchen, ein Array auszugeben.
Diese beiden Beispiele führen zum gleichen Ergebnis:
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Beispiel
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Notiz
Alle JavaScript-Objekte haben eine toString()-Methode.
Max- und Min-Werte in einem Array finden
Es gibt keine eingebauten Funktionen, um den höchsten oder niedrigsten Wert in einem JavaScript-Array zu finden.
Wie Sie dieses Problem lösen, erfahren Sie im nächsten Kapitel dieses Tutorials.
Arrays sortieren
Das Sortieren von Arrays wird im nächsten Kapitel dieses Tutorials behandelt.
Vollständige Array-Referenz
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.