JavaScript- Array-Objekt

Die Rolle des Array-Objekts ist: einen einzigen Variablennamen zu verwenden, um eine Reihe von Werten zu speichern.

Examples

Online-Beispiele

Erstellen Sie ein Array und weisen Sie ihm Werte zu:

Beispiel

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

Selbst ausprobieren »

Unten auf der Seite finden Sie weitere Beispiele.

Was ist ein Array?

Ein Array-Objekt verwendet einen einzigen Variablennamen, um eine Reihe von Werten zu speichern.

Wenn Sie eine Reihe von Daten haben (zum Beispiel: Autonamen), die in separaten Variablen gespeichert sind, wie unten gezeigt:

var car1="Saab";
var car2="Volvo";
var car3="BMW";

Was aber, wenn Sie ein bestimmtes Auto daraus finden möchten? Und nicht 3 Autos, sondern 300? Das wäre keine leichte Aufgabe!

Der beste Weg ist, ein Array zu verwenden.

Ein Array kann alle Werte mit einem einzigen Variablennamen speichern, und Sie können auf jeden Wert über den Variablennamen zugreifen.

Jedes Element im Array hat seine eigene ID, sodass leicht darauf zugegriffen werden kann.

Ein Array erstellen

Es gibt drei Methoden, ein Array zu erstellen.

Der folgende Code definiert ein Array-Objekt namens myCars:

1: Herkömmliche Methode:

var myCars=new Array();
myCars[0]="Saab";      
myCars[1]="Volvo";
myCars[2]="BMW";

2: Kompakte Schreibweise:

var myCars=new Array("Saab","Volvo","BMW");

3: Literal:

var myCars=["Saab","Volvo","BMW"];

Zugriff auf ein Array

Durch Angabe des Array-Namens und der Indexnummer können Sie auf ein bestimmtes Element zugreifen.

Das folgende Beispiel greift auf den ersten Wert des Arrays myCars zu:

var name=myCars[0];

Das folgende Beispiel ändert das erste Element des Arrays myCars:

myCars[0]="Opel";

lamp

Sie können verschiedene Objekte in einem Array haben

Alle JavaScript-Variablen sind Objekte. Array-Elemente sind Objekte. Funktionen sind Objekte.

Daher können Sie verschiedene Variablentypen in einem Array haben.

Sie können Objektelemente, Funktionen und Arrays in ein Array aufnehmen:

myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;

Array-Methoden und -Eigenschaften

Verwenden Sie die vordefinierten Eigenschaften und Methoden des Array-Objekts:

var x=myCars.length // die Anzahl der Elemente in myCars
var y=myCars.indexOf("Volvo") // der Index des Werts "Volvo"

Vollständiges Referenzhandbuch für Array-Objekte

Auf dieser Website finden Sie das vollständige Referenzhandbuch für alle Eigenschaften und Methoden von Arrays.

Das Referenzhandbuch enthält Beschreibungen aller Eigenschaften und Methoden (und weitere Beispiele).

Vollständiges Referenzhandbuch für Array-Objekte

Neue Methoden erstellen

Prototype ist ein globaler Konstruktor in JavaScript. Er kann Eigenschaften und Methoden für neue JavaScript-Objekte erstellen.

Beispiel: Eine neue Methode erstellen.

Array.prototype.myUcase=function(){
    for (i=0;i<this.length;i++){
        this[i]=this[i].toUpperCase();
    }
}

Selbst ausprobieren »

Das obige Beispiel erstellt eine neue Array-Methode zum Umwandeln von Kleinbuchstaben in einem Array in Großbuchstaben.

Examples

Weitere Beispiele

Zwei Arrays zusammenführen - concat()

Drei Arrays zusammenführen - concat()

Array-Elemente zu einer Zeichenkette verbinden - join()

Das letzte Element eines Arrays entfernen - pop()

Neue Elemente am Ende eines Arrays hinzufügen - push()

Die Reihenfolge der Elemente in einem Array umkehren - reverse()

Das erste Element eines Arrays entfernen - shift()

Elemente aus einem Array auswählen - slice()

Ein Array sortieren (alphabetisch aufsteigend) - sort()

Numerische Sortierung (numerisch aufsteigend) - sort()

Numerische Sortierung (numerisch absteigend) - sort()

Ein Element an Position 2 in einem Array hinzufügen - splice()

Ein Array in einen String umwandeln - toString()

Neue Elemente am Anfang eines Arrays hinzufügen - unshift()

Andere Erweiterungen