Die Stärke von JavaScript-Arrays liegt in den Array-Methoden.
Konvertieren von Arrays zu Strings
Die JavaScript - Methode toString() konvertiert ein Array an eine Reihe von (durch Komma getrennt) Array - Werte.
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Ergebnis
Banana,Orange,Apple,Mango
Versuch es selber " Die join() Methode schließt sich auch alle Array - Elemente in einen String.
Es verhält sich wie toString() , aber zusätzlich können Sie das Trennzeichen angeben:
Beispiel
var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Ergebnis
Banana * Orange * Apple * Mango Versuch es selber " Popping und Schieben
Wenn Sie mit Arrays arbeiten, ist es einfach, Elemente zu entfernen und neue Elemente hinzuzufügen.
Dies ist, was knallen und drückt, ist:
Popping Artikel aus einem Array oder Elemente in ein Array schieben.
popping
Die pop() -Methode entfernt das letzte Element aus einem Array:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
// Removes the last element ("Mango") from fruits Versuch es selber " Die pop() -Methode gibt den Wert an , "knallte" wurde:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.pop();
// the value of x is "Mango" Versuch es selber " schieben
Die push() Methode fügt ein neues Element in einem Array (am Ende):
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
// Adds a new element ("Kiwi") to fruits Versuch es selber " Die push() Methode gibt das neue Array - Länge:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.push("Kiwi");
// the value of x is 5 Versuch es selber " Schaltelemente
Shifting entspricht Knallen, arbeiten an dem ersten Element an Stelle des letzten.
Die shift() Methode entfernt das erste Array - Element und "Verschiebungen" alle anderen Elemente zu einem niedrigeren Index.
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
// Removes the first element "Banana" from fruits
Versuch es selber " Die unshift() Methode fügt ein neues Element in einem Array (am Anfang) und "unshifts" ältere Elemente:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Adds a new element "Lemon" to fruits
Versuch es selber " Die shift() Methode gibt die Zeichenfolge , die war "herausgeschoben".
Die unshift() Methode gibt die neue Feldlänge.
Ändern Elements
Array - Elemente zugegriffen ihre Indexnummer mit:
Array - Indizes beginnen mit 0. [0] ist das erste Array - Element [1] , ist die zweite, [2] ist das dritte ...
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
// Changes the first element of fruits to "Kiwi" Versuch es selber " Die Länge Eigenschaft bietet eine einfache Möglichkeit, ein neues Element in einem Array anzuhängen:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
// Appends "Kiwi" to fruit Versuch es selber " Elemente löschen
Da JavaScript - Arrays Objekte sind, können Elemente mit dem Operator JavaScript gelöscht delete :
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
// Changes the first element in fruits to undefined Versuch es selber " Mit delete undefiniert Löcher im Array verlassen. Verwenden Sie pop() oder shift() statt.
Das Verbinden eines Arrays
Die splice() 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");
Versuch es selber " Der erste Parameter (2) definiert die Position , wo neue Elemente hinzugefügt werden soll (gespleißt in).
Der zweite Parameter (0) definiert , wie viele Elemente entfernt werden sollte.
Der Rest der Parameter ( "Lemon" , "Kiwi" ) definieren die neuen Elemente hinzugefügt werden.
Mit splice() Elemente zu entfernen
Mit cleveren Parametereinstellung können Sie mit splice() Elemente zu entfernen , ohne "Löcher" in der Anordnung zu verlassen:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
// Removes the first element of fruits
Versuch es selber " Der erste Parameter (0) definiert die Position , wo neue Elemente hinzugefügt werden soll (gespleißt in).
Der zweite Parameter (1) definiert , wie viele Elemente entfernt werden sollte.
Der Rest der Parameter werden weggelassen. Keine neuen Elemente hinzugefügt werden.
Sortieren eines Array
Die sort() Methode sortiert ein Array alphabetischer Reihenfolge:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
Versuch es selber " Umkehren eines Arrays
Die reverse() Methode kehrt die Elemente in einem Array.
Sie können es verwenden, um ein Array in absteigender Reihenfolge zu sortieren:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
fruits.reverse();
// Reverses the order of the elements Versuch es selber " Numerisch sortieren
Standardmäßig ist die sort() sortiert Funktionswerte als Strings.
Dies funktioniert gut für Zeichenketten ( "Apple" kommt vor "Banana" ).
Wenn jedoch Zahlen als Strings sortiert werden, "25" ist größer als "100", weil "2" ist größer als "1".
Aus diesem Grund , die sort() wird Verfahren falsches Ergebnis erzeugen , wenn sie Zahlen zu sortieren.
Sie können dieses Problem beheben , indem Sie eine Vergleichsfunktion bietet:
Beispiel
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
Versuch es selber " oder
Beispiel
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a>b});
Versuch es selber " Verwenden Sie den gleichen Trick ein Array absteigend zu sortieren:
Beispiel
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
Versuch es selber " oder
Beispiel
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b>a});
Versuch es selber " Die Vergleichsfunktion
Der Zweck der Vergleichsfunktion ist eine alternative Sortierreihenfolge zu definieren.
Die Vergleichsfunktion sollte zurückkehren negativ, null oder positiver Wert ist, in Abhängigkeit von den Argumenten:
function(a, b){return a-b}
Wenn die sort() Funktion zwei Werte vergleicht, sendet er die Werte in die Vergleichsfunktion, und sortiert die Werte entsprechend der zurück (negativ, null, positiv) Wert.
Beispiel:
Bei 40 und 100 zu vergleichen, die sort() -Methode ruft die vergleichen function(40,100) .
Die Funktion berechnet 40-100, und liefert -60 (ein negativer Wert).
Die Sortierfunktion sortieren 40 als ein Wert von weniger als 100.
Finden Sie die höchste (oder niedrigste) Wert
Wie der höchste Wert in einem Array zu finden?
Beispiel
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
// now points[0] contains the highest value Versuch es selber " Und das niedrigste:
Beispiel
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
// now points[0] contains the lowest value Versuch es selber " Joining Arrays
Die concat() Methode erstellt ein neues Array von zwei Arrays verkettet:
Beispiel
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);
// Concatenates (joins) myGirls and myBoys
Versuch es selber " Die concat() Methode kann eine beliebige Anzahl von Array - Argumente:
Beispiel
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias","Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);
// Concatenates arr1 with arr2 and arr3
Versuch es selber " Slicing eines Arrays
Die slice() Methode schneidet ein Stück eines Arrays in ein neues Array aus.
Dieses Beispiel schneidet ein Teil eines Arrays von Feldelement 1 ausgehend ( "Orange" ):
Beispiel
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
Versuch es selber " Die slice() Methode erstellt ein neues Array. Es entfernt keine Elemente aus dem Quell-Array.
Dieses Beispiel schneidet ein Teil eines Arrays von Array - Element 3 ausgehend ( "Apple" ):
Beispiel
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
Versuch es selber " Die slice() Methode kann zwei Argumente wie nehmen slice(1,3) .
Das Verfahren wählt dann Elemente aus dem Startargument, und bis zu (aber nicht einschließlich) das Ende Argument.
Beispiel
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
Versuch es selber " Wenn das Ende Argument weggelassen wird, wie in den ersten Beispielen, die slice() Scheiben Methode , um den Rest des Feldes aus.
Beispiel
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);
Versuch es selber " Die valueOf() Methode
Die valueOf() Methode ist das Standardverhalten für ein Array. Es wandelt ein Array in einen Grundwert.
JavaScript wird automatisch ein Array in einen String konvertieren, wenn ein Grundwert erwartet wird.
Aus diesem Grund sind alle diese Beispiele werden zum gleichen Ergebnis:
Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Versuch es selber " Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.valueOf();
Versuch es selber " Beispiel
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Versuch es selber " Alle JavaScript - Objekte haben eine valueOf() und toString() Methode.
Komplettes Array Referenz
Eine vollständige Referenz, gehen Sie auf unsere komplette Array Reference JavaScript .
Die Referenz enthält Beschreibungen und Beispiele aller Array-Eigenschaften und Methoden.
Testen Sie sich mit Übungen!
Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 »