Eine Datenstruktur, die eine Gruppe von Elementen des gleichen Typs in einem benachbarten Speicherblock hält, wird als „ Reihe “. Arrays werden auch als Datentyp in TypeScript unterstützt, da es sich um eine Obermenge von JavaScript handelt. Es ist typsicherer als JavaScript, da es den Entwicklern ermöglicht, den Typ der Elemente anzugeben, die ein Array speichern kann. Arrays können auf diese Weise verwendet werden, um einen wartbaren Code zu erzeugen.
Dieses Tutorial demonstriert den Array-Typ in TypeScript und seine Verwendung.
Was ist ein Array-Typ in TypeScript und wie kann er verwendet werden?
„ Array ” ist eine Datenstruktur in TypeScript ähnlich wie JavaScript mit einer erweiterten Funktion zur Angabe des Array-Typs. Es kann zum Speichern und Bearbeiten einer Sammlung von Daten verwendet werden, z. B. einer Liste von Zahlen oder Zeichenfolgen, und es kann über deren Index zugegriffen werden. Es gibt zwei Möglichkeiten, ein Array in TypeScript zu deklarieren oder zu verwenden:
- Schlüsselwort „Array“.
- eckige Klammern „[]“ oder Kurzform
Syntax für Single-Type-Array
Um ein Array mit einem einzigen Typ zu deklarieren oder zu initialisieren, verwenden Sie die angegebene Syntax mit dem Schlüsselwort „Array“:
Array < Typ > = [ element1, element2, element3 ] ;
Oder verwenden Sie es als Kurzsyntax wie unten angegeben:
Typ [ ] = [ element1, element2, element3 ] ;
Syntax für Multi-Type-Array
Verwenden Sie mit Hilfe des Schlüsselworts „Array“ die folgende Syntax zum Initialisieren oder Deklarieren eines mehrfach typisierten Arrays:
Array < Typ | Typ > = [ element1, element2, element3 ] ;
Oder Sie können die eckigen Klammern „[]“ oder die folgende Kurzform verwenden:
( Typ | Typ ) [ ] = [ element1, element2, element3 ] ;
Beispiel 1: Array vom Typ Einzelzeichenfolge
Wir erstellen zunächst eine TypeScript-Datei mit dem Namen „ Arraytypes.ts “. Deklarieren Sie im angegebenen Beispiel zunächst ein Array vom Typ Zeichenfolge mit dem Namen „ Farbe “ mit dem Schlüsselwort „Array“:
var Farbe: Array < Schnur > ;
Initialisieren Sie nun das Array mit Werten vom Typ String:
Farbe = [ 'Rot' , 'Blau' , 'Grün' , 'Schwarz' , 'Weiss' , 'lila' , 'Rosa' ] ;
Als nächstes drucken Sie das Array auf der Konsole:
Konsole.log ( Farbe ) ;
Nach dem Hinzufügen von Code transpilieren wir diese Datei mit dem angegebenen Befehl in die JavaScript-Datei:
tsc Arraytypes.ts
Dann verwenden wir zum Ausführen des JavaScript-Codes den unten angegebenen Befehl:
Knoten Arraytypes.js
Notiz : Es ist zwingend erforderlich, die TypeScript-Datei nach jeder Änderung darin zu transpilieren.
Ausgang
Um auf Array-Elemente zuzugreifen, verwenden Sie die Schreibweise in eckigen Klammern „[ ]“. Hier greifen wir auf das Element bei Index 3 zu:
Konsole.log ( Farbe [ 3 ] ) ;
Die Ausgabe zeigt „ Schwarz ” was das Element eines Arrays ist, das sich an Index 3 befindet:
Beispiel 2: Array vom Typ „Einzelne Zahl“.
Erstellen Sie in diesem Beispiel ein Array aus geraden Zahlen, indem Sie den Typ „ Nummer “ unter Verwendung der Kurzform-Syntax:
var evenNumbers: Zahl [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , zwanzig , 22 ] ;
Drucken Sie das Array auf der Konsole:
Konsole.log ( gerade Zahlen ) ;
Ausgang
Beispiel 3: Multi-Typ-Array
Erstellen Sie im bereitgestellten Beispiel ein Array, das die Werte vom Typ Zeichenfolge sowie vom Typ Zahl enthält.
Deklarieren Sie zunächst ein Array mit der Kurzschreibweise, indem Sie Array-Typen mit dem Pipeline- oder Union-Operator angeben:
Var-Array: ( Schnur | Nummer ) [ ] ;
Weisen Sie dem Array Werte zu und geben Sie es dann auf der Konsole aus:
Array = [ 'Rot' , 1 , 'Blau' , 7 , 'lila' , 5 ] ;Konsole.log ( Reihe ) ;
Ausgang
Das ist alles über die Verwendung von Array Type in TypeScript.
Abschluss
„ Array ” ist eine Datenstruktur in TypeScript ähnlich wie JavaScript, die zum Speichern und Bearbeiten einer Sammlung von Daten verwendet werden kann. Um das Array in TypeScript zu deklarieren/zu verwenden, gibt es zwei Möglichkeiten, einschließlich des „ Array „Schlüsselwort oder die eckigen Klammern“ [ ] ” oder Kurzform-Syntax. Dieses Tutorial demonstrierte den Array-Typ in TypeScript und seine Verwendung.