Emzett Digital

Arrays

Ein Array ist eine geordnete Liste von Werten. Die Elemente sind von 0 an nummeriert (Index). Arrays können beliebige Typen mischen.

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

rot blau undefined
3
[ 'rot', 'gelb', 'blau', 'lila' ]
lila

Ein Index außerhalb gibt undefined. Mit at(-1) greifst du vom Ende zu.

Elemente hinzufügen und entfernen

Methode	Wirkung	Rückgabe
`push(x)`	hinten anhängen	neue Länge
`pop()`	hinten entfernen	das Element
`unshift(x)`	vorn einfügen	neue Länge
`shift()`	vorn entfernen	das Element
`splice(i, n, ...neu)`	ab i n Elemente entfernen/einfügen	entfernte Elemente
`slice(a, b)`	Teilkopie (von a bis vor b)	neues Array
`concat(...)`	verbinden	neues Array

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

[ 2, 3, 4 ] 5 1 [ 2, 3, 4 ]
[ 0, 2, 'x', 'y', 4 ]
[ 2, 3 ] [ 1, 2, 3, 4, 5 ]

Achtungpush, pop, splice & Co. verändern das Array. slice, concat und Spread erzeugen neue Arrays.

Suchen

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

2 -1
true
12 1
8
true true

Sortieren und Umkehren

sort() sortiert standardmäßig als Text. Für Zahlen brauchst du eine Vergleichsfunktion:

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

[ 1, 10, 100, 9 ]
[ 1, 9, 10, 100 ]
[ 100, 10, 9, 1 ]
[ 100, 1, 9, 10 ]
[ 1, 9, 10, 100 ] [ 10, 9, 1, 100 ]

sort() und reverse() ändern das Array selbst. Die neueren toSorted(), toReversed() und with() liefern Kopien.

Kopieren und Spread

Eine Zuweisung kopiert nur den Verweis:

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

[ 1, 2, 3, 4 ] [ 1, 2, 3 ]
[ [ 1 ], [ 2 ] ]

Mehrdimensionale Arrays

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

6
1 | 2 | 3
4 | 5 | 6
[ 1, 2, 3, 4, 5, 6 ] [ 1, 2, 3 ]

Arrays erzeugen

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

[ 0, 1, 4, 9, 16 ]
[ 'a', 'b', 'c' ] [ 7 ]
[ 0, 0, 0 ]
ollah
true false

Übung

Übung mit Autokorrektur

Lies Zahlen ein. Sortiere sie absteigend, ohne die Originalliste zu ändern (toSorted oder eine Kopie). Gib die sortierte Liste (durch Leerzeichen getrennt), das größte Element und die Summe aus, je eine Zeile.

Merke

Index beginnt bei 0; length ist die Anzahl; at(-1) ist das letzte Element
push/pop arbeiten hinten, unshift/shift vorn, splice in der Mitte
slice, Spread und structuredClone kopieren
sort() ohne Vergleichsfunktion sortiert Text, für Zahlen (a, b) => a - b
includes, find, some, every zum Suchen und Prüfen

Aufgabe

Lege eine Liste von fünf Zahlen an, sortiere sie absteigend (ohne die Originalliste zu ändern) und gib das größte Element sowie die Summe aus.

Deine Notizen

Anmelden um Text zu markieren und Notizen zu speichern.

Frag den Mentor

Markiere im Kapitel eine Stelle, die du nicht verstehst, und stell deine Frage. Du entscheidest, wie du die Antwort bekommst.

Keine Stelle markiert (optional).

Deine Frage

AntwortSofort aus Glossar und Wiki (kostenlos, ohne Anmeldung)Live-Mentor: ein Mensch aus dem Team antwortet dir in Echtzeit (mit Anmeldung)KI-Antwort (kommt vielleicht später, kostet laufend Geld)

Fragen zu diesem Kapitel

Noch keine Fragen. Stell die erste, die Community und andere Lernende antworten.

Frage stellen Alle Beiträge im Forum

Ein Array ist eine geordnete Liste von Werten. Die Elemente sind von 0 an nummeriert (Index). Arrays können beliebige Typen mischen.

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

rot blau undefined
3
[ 'rot', 'gelb', 'blau', 'lila' ]
lila

Ein Index außerhalb gibt undefined. Mit at(-1) greifst du vom Ende zu.

Elemente hinzufügen und entfernen

Methode	Wirkung	Rückgabe
`push(x)`	hinten anhängen	neue Länge
`pop()`	hinten entfernen	das Element
`unshift(x)`	vorn einfügen	neue Länge
`shift()`	vorn entfernen	das Element
`splice(i, n, ...neu)`	ab i n Elemente entfernen/einfügen	entfernte Elemente
`slice(a, b)`	Teilkopie (von a bis vor b)	neues Array
`concat(...)`	verbinden	neues Array

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

[ 2, 3, 4 ] 5 1 [ 2, 3, 4 ]
[ 0, 2, 'x', 'y', 4 ]
[ 2, 3 ] [ 1, 2, 3, 4, 5 ]

Achtungpush, pop, splice & Co. verändern das Array. slice, concat und Spread erzeugen neue Arrays.

Suchen

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

2 -1
true
12 1
8
true true

Sortieren und Umkehren

sort() sortiert standardmäßig als Text. Für Zahlen brauchst du eine Vergleichsfunktion:

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

[ 1, 10, 100, 9 ]
[ 1, 9, 10, 100 ]
[ 100, 10, 9, 1 ]
[ 100, 1, 9, 10 ]
[ 1, 9, 10, 100 ] [ 10, 9, 1, 100 ]

sort() und reverse() ändern das Array selbst. Die neueren toSorted(), toReversed() und with() liefern Kopien.

Kopieren und Spread

Eine Zuweisung kopiert nur den Verweis:

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

[ 1, 2, 3, 4 ] [ 1, 2, 3 ]
[ [ 1 ], [ 2 ] ]

Mehrdimensionale Arrays

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

6
1 | 2 | 3
4 | 5 | 6
[ 1, 2, 3, 4, 5, 6 ] [ 1, 2, 3 ]

Arrays erzeugen

Probier es selbst

Dein Code

Eingabe (optional)

Ergebnis

Ausgabe

[ 0, 1, 4, 9, 16 ]
[ 'a', 'b', 'c' ] [ 7 ]
[ 0, 0, 0 ]
ollah
true false

Übung

Übung mit Autokorrektur

Merke

Index beginnt bei 0; length ist die Anzahl; at(-1) ist das letzte Element
push/pop arbeiten hinten, unshift/shift vorn, splice in der Mitte
slice, Spread und structuredClone kopieren
sort() ohne Vergleichsfunktion sortiert Text, für Zahlen (a, b) => a - b
includes, find, some, every zum Suchen und Prüfen

Aufgabe

Lege eine Liste von fünf Zahlen an, sortiere sie absteigend (ohne die Originalliste zu ändern) und gib das größte Element sowie die Summe aus.