Arbejde med TypeScript-arrays og Tuples

TypeScript udvider JavaScript med yderligere typefunktioner, hvilket gør det nemmere at arbejde med komplekse datastrukturer som arrays og tuples. Denne guide vil introducere dig til arrays og tuples i TypeScript, herunder hvordan du definerer, manipulerer og bruger dem effektivt.

TypeScript-arrays

Arrays i TypeScript ligner arrays i JavaScript, men kommer med den ekstra fordel ved typeannoteringer. Dette sikrer, at alle elementer i arrayet er i overensstemmelse med en bestemt type.

Definition af arrays

For at definere et array i TypeScript skal du angive typen af ​​dets elementer efterfulgt af []:

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];

I dette eksempel er tal en matrix af tal og navne er en matrix af streng.

Array-metoder

TypeScript-arrays understøtter forskellige metoder, der ligner JavaScript-arrays. Her er nogle almindelige metoder:

• push(): Tilføjer et element til slutningen af ​​arrayet.
• pop(): Fjerner det sidste element i arrayet.
• shift(): Fjerner det første element i arrayet.
• unshift(): Tilføjer et element til begyndelsen af ​​arrayet.
• map(): Opretter en ny matrix ved at anvende en funktion til hvert element.

Eksempel på matrix

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]

TypeScript Tuples

Tuples er en speciel type array i TypeScript, hvor hvert element kan have en anden type. Tuples er nyttige, når du skal arbejde med et fast antal elementer af forskellige typer.

Definition af Tuples

For at definere en tupel skal du bruge firkantede parenteser [] med specificerede typer for hvert element:

let person: [string, number] = ["Alice", 30];

I dette eksempel er person en tupel, hvor det første element er en streng, og det andet element er et tal.

Adgang til Tuple Elements

Få adgang til tuple-elementer ved hjælp af deres indeks, svarende til arrays:

let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30

Tuple med valgfrie elementer

Tuples kan også inkludere valgfrie elementer:

let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];

I dette eksempel er det andet element i tuplet valgfrit.

Konklusion

TypeScript-arrays og tuples tilbyder kraftfulde måder at håndtere datasamlinger med stærk typesikkerhed. Ved at forstå, hvordan man definerer, manipulerer og bruger arrays og tuples, kan du skrive mere robust og vedligeholdelig kode. Brug arrays til lister over homogene data og tuples til samlinger af fast størrelse med heterogene data.