Stellen Sie sich vor, Sie besitzen mehrere Bücher, sagen wir 5 Stück. Diese Bücher liegen verstreut auf dem Boden, und es ist nicht immer bequem, das gewünschte Buch zu erreichen. Genauso sind Variablen und Daten im Speicher Ihres Geräts verstreut.

Was ist die Lösung für dieses Problem?

Kaufen Sie ein Bücherregal und stellen Sie die Bücher hinein. Dieses Regal fungiert in unserem Code als Array. Aus dem Regal können wir die Bücher einfach entnehmen, indem wir die Titel auf den Buchdeckeln sehen. In einem Array wird jedoch ein anderes System zum Zugriff auf Elemente verwendet – das sogenannte Indexieren. Jedes Buch erhält einen eigenen Index im Array, und durch Verweis auf den Index können wir das gewünschte Element abrufen.

Genug der Theorie; gehen wir zum Code über:

let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]

Wir haben das Bücherregal als Array implementiert. Gehen wir kurz die Syntax durch, wie wir dies gemacht haben:

let books: type[] – Hier definieren wir den name und den type unseres Arrays. Wir geben dem Array den Typ string[], da es Buchtitel speichern soll. Beachten Sie die []-Symbole, die wir zusammen mit dem Typ angeben. Diese Symbole zeigen an, dass es sich tatsächlich um ein Array handelt und nicht um eine einfache Variable;
= [element1, element2, element3, ..., elementN]; – Hier weisen wir dem Array Werte zu. Achten Sie auf die Syntax: Wir weisen string-Werte zu, die durch Kommas innerhalb von eckigen Klammern ([]) getrennt sind. Dies ist unser Bücherregal mit den Titeln verschiedener Bücher.

F: Es stellt sich die Frage, wie das gewünschte Buch aus dem Regal entnommen werden kann?

A: Die Antwort lautet – über den Index.

Indizierung

Aktuell kann ein Element aus dem Bücherregal entnommen werden. Dies erfolgt einfach:


              123
            
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
var favoriteBook = books[2];
console.log(favoriteBook)

Die Syntax lautet arrayName[index]. Auf diese Weise können wir auf Elemente in unserem 'Bücherregal' zugreifen.

Beachte außerdem die Indexnummer; wir greifen auf das Element mit dem Index 1 zu, was das zweite Element im Array ist. Dies ist nullbasierte Indizierung, das bedeutet, das erste Element hat den Index 0, das zweite 1, das dritte 2 und so weiter.

Um auf das letzte Element in unserem 'Bücherregal' zuzugreifen, müssen wir das Element mit dem Index 4 ansprechen, da wir insgesamt 5 Elemente haben und somit 4 der letzte Index ist. Dies lässt sich mit einer Formel ausdrücken: index = element's_position_in_order - 1.

Elemente eines Arrays ändern

Wir können ein Element im Array ersetzen oder ändern, indem wir über seinen Index darauf zugreifen; dies geschieht wie folgt:


              123
            
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
books[5] = "Harry Potter"
console.log(books[5])

Es ist sehr einfach; der Schlüssel liegt darin, den richtigen Index zu wählen. Ein guter Programmierer kennt jedoch in der Regel seine Arrays. Im nächsten Kapitel wird erläutert, wie Elemente in einem Array korrekt geändert, hinzugefügt und entfernt werden. Es gibt noch viel mehr zu entdecken!

War alles klar?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 1

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain what happens if I try to access an index that doesn't exist in the array?

How can I find out the length of an array in TypeScript?

What happens if I assign a value to an index that is beyond the current length of the array?

Awesome!

Completion rate improved to 2.94

Swipe um das Menü anzuzeigen

Was ist die Lösung für dieses Problem?

Genug der Theorie; gehen wir zum Code über:

let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]

Wir haben das Bücherregal als Array implementiert. Gehen wir kurz die Syntax durch, wie wir dies gemacht haben:

let books: type[] – Hier definieren wir den name und den type unseres Arrays. Wir geben dem Array den Typ string[], da es Buchtitel speichern soll. Beachten Sie die []-Symbole, die wir zusammen mit dem Typ angeben. Diese Symbole zeigen an, dass es sich tatsächlich um ein Array handelt und nicht um eine einfache Variable;
= [element1, element2, element3, ..., elementN]; – Hier weisen wir dem Array Werte zu. Achten Sie auf die Syntax: Wir weisen string-Werte zu, die durch Kommas innerhalb von eckigen Klammern ([]) getrennt sind. Dies ist unser Bücherregal mit den Titeln verschiedener Bücher.

F: Es stellt sich die Frage, wie das gewünschte Buch aus dem Regal entnommen werden kann?

A: Die Antwort lautet – über den Index.

Indizierung

Aktuell kann ein Element aus dem Bücherregal entnommen werden. Dies erfolgt einfach:


              123
            
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
var favoriteBook = books[2];
console.log(favoriteBook)

Die Syntax lautet arrayName[index]. Auf diese Weise können wir auf Elemente in unserem 'Bücherregal' zugreifen.

Elemente eines Arrays ändern

Wir können ein Element im Array ersetzen oder ändern, indem wir über seinen Index darauf zugreifen; dies geschieht wie folgt:


              123
            
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
books[5] = "Harry Potter"
console.log(books[5])

War alles klar?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 1

Deklaration und Vorteile von Arrays

Indizierung

Elemente eines Arrays ändern

Awesome!

Deklaration und Vorteile von Arrays

Indizierung

Elemente eines Arrays ändern