Kursinhalt
Einführung in TypeScript
Einführung in TypeScript
`for`-Schleife Mit Arrays
Die richtige Array-Manipulation beginnt mit Schleifen!
Du weißt bereits, was Arrays sind, und dass das Indexieren in ihnen bei null beginnt. Du weißt auch, dass wir in einer for-Schleife jeder Variablen i
einen Wert zuweisen können. Zum Beispiel null! Aber was, wenn es für uns praktisch ist, eine for-Schleife zusammen mit einem Array zu verwenden? Lass uns darüber nachdenken:
- Wenn wir ein Element aus dem Array abrufen müssen, verwenden wir
array[index];
; - Wir haben die Variable
i
, die effektiv unseren Index ersetzt; - Aus den beiden obigen Punkten können wir schließen, dass wir die Syntax
array[i]
innerhalb einer for-Schleife verwenden können, um schnell mit einem Array zu arbeiten. Schauen wir uns ein Beispiel an:
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < 10; i++) { console.log(`The ${i} element in the array is ${array[i]}`) }
Lassen Sie uns aufschlüsseln, was im obigen Code passiert:
- Wir erstellen ein Array vom Typ
number
mit 10 Elementen; - Unser Ziel ist es, jedes Element des Arrays zu inspizieren und herauszufinden, an welchem Index es sich befindet;
- Da die Indizierung im Array bei 0 beginnt, hat unsere Variable
i
zunächst den Wert 0. Wir setzen auch das Limit gleich der Länge des Arrays, das 10 ist; - Da
i
der Index des Elements ist, rufen wir die Array-Elemente ab und zeigen sie auf dem Bildschirm mitarray[i];
an; - Da
i
der Index des Elements im Array ist, zeigen wir sofort, mit welchem Index ein bestimmtes Element lokalisiert ist.
Auf diese Weise können wir mit dem Array interagieren. Lassen Sie uns eine andere Aufgabe stellen: Abrufen jedes Elements, das sich an einem geraden Index in diesem Array befindet:
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < 10; i+=2) { console.log(`The ${i} element in the array is ${array[i]}`) }
Durch die Verwendung von i+=2
, was gleichbedeutend ist mit i = i + 2
, erhalten wir jedes Element im Array, das sich an einem geraden Index befindet. Mit anderen Worten, der Index des Elements sollte durch 2 teilbar sein. Solche Indizes sind 0, 2, 4, 6 und so weiter. Beachten Sie auch, dass wir mit i
den Index des Elements anzeigen können, wie wir es im obigen Beispiel getan haben.
Übrigens müssen wir die Größe des Arrays nicht manuell zählen! Wir können die Array-Eigenschaft array.length
verwenden. Schauen wir uns ein Beispiel an und sehen gleichzeitig, wie man durch das Array vom Ende zum Anfang iteriert (falls Sie das Array in umgekehrter Reihenfolge durchlaufen müssen).
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = array.length - 1; i >= 0; i--) { console.log(`The ${i} element in the array is ${array[i]}`) }
Im obigen Beispiel haben wir i
als array.length - 1
initialisiert, weil array.length
10 ist und das letzte Element des Arrays einen Index von 9
hat. Schuld daran ist die nullbasierte Indizierung.
Zusätzlich können Sie array.length
nicht nur für die Initialisierung, sondern auch innerhalb der Bedingung verwenden. Es gibt viele verschiedene Beispiele, die Sie sich dafür ausdenken können; alles, was Sie brauchen, ist ein wenig Fantasie und spezifische Anwendungsfälle. Zum Beispiel:
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < array.length; i++) { if ((array.length - i) % 2 == 0) { console.log(`The ${i} element in the array is ${array[i]}`) } else { console.log("[DELETED DATA]") } }
Wenn der Wert der Array-Länge minus dem Index durch 2 teilbar ist, zeigen wir dieses Element an. Andernfalls zeigen wir 'DELETED DATA
' an - das sind die Anweisungen des Chefs.
Danke für Ihr Feedback!