Kursinhalt
Einführung in TypeScript
Einführung in TypeScript
Deklaration und Vorteile von Arrays
Stellen Sie sich vor, Sie haben mehrere Bücher, sagen wir 5
davon. Diese Bücher sind auf dem Boden verstreut, und es ist nicht immer bequem, das zu erreichen, das Sie benötigen. So 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 dort hinein. Dieses Bücherregal fungiert als Array in unserem Code. Vom Regal aus können wir die Bücher leicht nehmen und die Titel auf den Umschlägen sehen. Aber in einem Array wird ein anderes System verwendet, um auf Elemente zuzugreifen - es wird Indexierung genannt. Jedes Buch wird seinen eigenen Index innerhalb des Arrays haben, und indem wir auf den Index verweisen, können wir das gewünschte Element abrufen.
Das ist genug Text; gehen wir zum Code über:
Wir haben das Bücherregal als ein Array implementiert. Lassen Sie uns kurz die Syntax durchgehen, wie wir es gemacht haben, also:
let books: type[]
- Hier definieren wir denname
undtype
unseres Arrays. Wir typisieren das Array mit demstring[]
Typ, da es Buchtitel speichern wird. Achten Sie auf die[]
Symbole, die wir zusammen mit dem Typ angeben. Diese Symbole zeigen an, dass es sich tatsächlich um ein Array handelt, nicht um eine einfache Variable;= [element1, element2, element3, ..., elementN];
- Hier weisen wir dem Array Werte zu. Achten Sie auf die Syntax: Wir weisenstring
Werte zu, die durch Kommas innerhalb von eckigen Klammern ([]
) getrennt sind. Dies ist unser Bücherregal mit den Titeln verschiedener Bücher.
F: Die Frage stellt sich, wie bekomme ich das Buch, das ich brauche, aus dem Regal?
A: Die Antwort ist - durch den Index.
Indizierung
Im Moment können wir ein Element aus unserem Bücherregal abrufen. Es ist einfach gemacht:
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"] var favoriteBook = books[2]; console.log(favoriteBook)
Die Syntax ist arrayName[index]
. Auf diese Weise können wir auf Elemente in unserem 'Bücherregal' zugreifen.
Beachten Sie auch die Indexnummer; wir greifen auf das Element an Index 1
zu, was das zweite Element im Array ist. Dies ist nullbasierte Indizierung, was bedeutet, dass das erste Element einen Index von 0
hat, das zweite 1
, das dritte 2
und so weiter.
Um auf das letzte Element in unserem 'Bücherregal' zuzugreifen, müssen wir auf das Element an Index 4
zugreifen, da wir insgesamt 5
Elemente haben, was 4
zum letzten Index macht. Dies kann in einer Formel ausgedrückt werden:
index = element's_position_in_order - 1
.
Modifizieren von Array-Elementen
Wir können ein Element im Array ersetzen oder modifizieren, indem wir darauf über seinen Index zugreifen; dies geschieht folgendermaßen:
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"] books[5] = "Harry Potter" console.log(books[5])
Es ist so einfach zu tun; der Schlüssel ist, den richtigen Index zu wählen. Aber ein guter Programmierer kennt normalerweise seine Arrays. Im nächsten Kapitel lernen Sie, wie Sie Elemente in einem Array richtig ändern, hinzufügen und entfernen. Es gibt noch viel mehr zu entdecken!
Danke für Ihr Feedback!