📚
Lerndokumentationen
Web
Web
  • Willkommen
  • HTML
    • Was ist HTML?
    • Elemente
    • Attribute
    • Boilerplate
  • Textelemente
  • Links
  • Dokumentenstruktur
  • Medien
  • Tabellen
  • Formulare
  • CSS
    • Was ist CSS?
    • Syntax
  • Einheiten
  • Selektoren
  • Boxmodell
  • HintergrĂŒnde und Rahmen
  • Overflow
  • Bilder
  • Formulare
  • Textelemente
  • Layout
    • Flexbox
    • Grid
  • Responsive Design
  • JavaScript
    • Was ist JavaScript?
    • Einbindung in HTML
    • Grundlagen
      • Variablen und Werte
      • Datentypen
      • Operatoren und AusdrĂŒcke
      • Kontrollstrukturen
      • Schleifen
    • Funktionen
      • Funktionsdeklarationen vs. FunktionsausdrĂŒcke
      • Arrow Functions
      • Standardparameter und Rest-Parameter
      • First-Class und Higher-Order-Funktionen
      • Closures
      • IIFE (Immediately Invoked Function Expressions)
    • Arrays
      • Erstellen und Modifizieren
      • Iteration ĂŒber Arrays
      • Sortieren
      • NĂŒtzliche Methoden
    • Objekte und Datenstrukturen
      • Erstellen und Manipulieren
      • Destructuring
      • Sets und Maps
    • Strings
      • Template Literals
      • Methoden
    • Moderne JavaScript-Features
      • Optionale Verkettung
      • Nullish Coalescing Operator
      • Spread und Rest Operator
      • KurzschlussausdrĂŒcke
    • Scope und Kontext
      • this Keyword
      • Call, Apply und Bind
      • Hoisting und Temporal Dead Zone (TDZ)
    • Objektorientierte Programmierung
      • Prototypes
      • Constructor Functions
      • ES6 Classes
      • Die create()-Methode
    • Asynchronous JavaScript
      • AJAX
      • Promises
    • Zahlen, Daten, Internationalisierung und Timer
      • Mathematische Operationen
      • Datum und Zeit
      • Internationalisierung
      • Timer
    • Modules
    • JavaScript im Browser (DOM und Events)
      • Das DOM
      • Elemente auswĂ€hlen, erstellen und manipulieren
      • Styles, Attribute und Klassen
      • Events und Event Listener
      • Event Propagation
        • Event Delegation
      • DOM Traversing
    • JavaScript Engine und Performance
      • Execution Context und Call Stack
  • TypeScript
    • Was ist TypeScript?
  • Compiler und Runtimes
  • Konfiguration
  • Types
    • Primitive Typen und Typableitung
    • Arrays und Tupel
    • Objekte
    • Top- und Bottom-Types
    • Enums
    • Utility Types
      • Records
  • Typenkombination
    • Union Types
    • Discriminated Unions
    • Intersections
  • Funktionen
  • Klassen
    • Grundlagen
    • Feldinitialisierer
    • SchreibgeschĂŒtzte Felder
    • Implementieren
    • Private und GeschĂŒtzte Member
    • Getter und Setter
    • Statische Member
    • Abstrakte Klassen und Member
  • Modules
    • Importieren und Exportieren
    • Ambient Types
    • Namespaces
    • Globals
  • React
    • Was ist React?
    • JSX
    • Komponenten
      • Root-Komponente
      • Styling
      • Listen
      • Conditional Rendering
      • Fragments
    • Props
      • Destructuring
      • Children
    • InteraktivitĂ€t
      • Event Handling
      • State
      • Formulare
    • State Management
      • State anheben
      • Derived State
    • Komposition und Reusability
      • Komponentenstrukturierung
      • Prop Drilling
      • Komposition
Bereitgestellt von GitBook
Auf dieser Seite
  • Arrays
  • Tupel
  1. Types

Arrays und Tupel

Arrays

TypeScript unterstĂŒtzt die Typisierung von Arrays mit zwei AnsĂ€tzen.

const numbers: number[] = [1, 2, 3];
const numbers: Array<number> = [1, 2, 3];

Diese beiden Syntaxen sind gleichwertig. Sie deklarieren beide ein Array von Zahlen. Die 2. Syntax verwendet den generischen Typ Array. Generics sind ein fortgeschritteneres Thema, aber kurz gesagt kann man dies als "ein Array von Zahlen" lesen.


Arrays können auch mit einer festen LÀnge deklariert werden.

const fixedLength: [number, number, number] = [1, 2, 3];

Dies deklariert ein Array mit einer festen LĂ€nge von 3 Zahlen. Wenn du versuchst, mehr oder weniger als 3 Zahlen hinzuzufĂŒgen, gibt uns TypeScript einen Fehler zurĂŒck.

Tupel

Ein Array kann auch eine Mischung von Typen enthalten, was als Tupel bezeichnet wird.

const tuple: [number, string] = [1, "hello"];

Dies deklariert ein Tupel mit einer Zahl und einer Zeichenkette. Die Reihenfolge der Typen ist wichtig. Wenn du versuchst, die Typen zu vertauschen, gibt uns TypeScript einen Fehler zurĂŒck.


Das Tupel kann auch mit dem Typ Array deklariert werden:

const tuple: Array<number | string> = [1, "hello"];

Diese beiden Syntaxen sind jedoch nicht gleichwertig. Diese Syntax gibt nicht die Reihenfolge der Typen an. Sie besagt nur, dass das Array Zahlen oder Zeichenketten enthalten kann. Die durch Pipes begrenzte Liste wird Union genannt.

VorherigePrimitive Typen und TypableitungNĂ€chsteObjekte

Zuletzt aktualisiert vor 20 Tagen