Zugriff auf Array-Elemente

Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy — Lektion 58 von 77.

In JavaScript verwenden wir Arrays, um mehrere Werte in einer einzigen Variablen zu speichern. Jeder Wert in einem Array wird als Element bezeichnet, und jedes Element hat einen Index. Die Indizes beginnen bei 0 bis zur Länge des Arrays minus eins.

Sieh dir zum Beispiel das folgende Array an:

let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

Element a befindet sich bei Index 0
Element b befindet sich bei Index 1
...
Element g befindet sich bei Index 6

Um auf ein Element eines Arrays zuzugreifen, können wir dessen Index in eckigen Klammern verwenden. Um zum Beispiel auf das erste Element eines Arrays namens myArray zuzugreifen, würden wir myArray[0] verwenden.

Hier ist ein Beispiel:

let myArray = [10, 20, 30, 40, 50]
let element = myArray[2]

Die Variable element wird den Wert 30 enthalten, da sie auf das dritte Element zugreift (das den Index 2 hat).

Aufgabe

Einfach

Erstelle eine Funktion namens values, die ein Array als Argument erhält und alle Elemente im Array nacheinander ausgibt.

Um über ein Array zu iterieren, verwende die .length-Eigenschaft innerhalb der for-Anweisung:

let myArray = [10, 20, 30, 40, 50]
for (let i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

Auf diese Weise iteriert i von 0 bis myArray.length (nicht eingeschlossen), was genau allen Array-Indizes entspricht.

Spickzettel

Arrays speichern mehrere Werte in einer einzigen Variablen. Jedes Element hat einen Index, der bei 0 beginnt:

let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

Greifen Sie mit eckigen Klammern und dem Index auf Elemente zu:

let myArray = [10, 20, 30, 40, 50]
let element = myArray[2] // Gibt 30 zurück

Iterieren Sie über Arrays mit der Eigenschaft .length:

for (let i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

Probier es selbst

function values(arr) {
    // Schreibe hier den Code
}

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Grundlagen

1Einführung

Die Sprache Hello World!Kommentare Codestruktur

4Operatoren Teil 2

Logische Operatoren Teil 1 Logische Operatoren Teil 2 Wiederholung – Einfache Logik Logische Operatoren Teil 3 Type Coercion

7Rechnungs-Split-Rechner

Willkommensnachricht Trinkgeld und Gesamtsumme berechnen

Die Rechnung teilen

Formatierte Ausgabe

10FizzBuzz mit Twist

Spielübersicht Die FizzBuzz-Funktion

Zahlen durchlaufen

Den Twist hinzufügen

13Einkaufslisten-Tracker

Projektübersicht Element hinzufügen

Element entfernen

Liste anzeigen

2Variablen

Zahlen Strings Boolean Namenskonventionen Leere Variablen Rückblick - Variablen initialisieren Konstanten

5Entscheidungsfindung

If-Anweisung If - Else Wiederholung - Einfacher Taschenrechner Verschachtelte If - Else-Anweisungen Switch-Anweisung

8Schleifen

For-Schleife While-Schleife Break Continue Rückblick - Fakultät Do-While-Schleife Verschachtelte Schleife

11Arrays Teil 1

Ein Array deklarierenZugriff auf Array-ElementeArrays modifizieren Array-Methoden Teil 1 Array-Methoden Teil 2 Zusammenfassung – Array-Prozessor

14Abschluss-Herausforderungen

Zahlenpyramide Verdopple die Ungeraden Was soll ich kaufen?