Werken met TypeScript-arrays en -tupels

TypeScript breidt JavaScript uit met extra typefuncties, waardoor het makkelijker wordt om met complexe datastructuren zoals arrays en tuples te werken. Deze gids introduceert u in arrays en tuples in TypeScript, inclusief hoe u ze effectief definieert, manipuleert en gebruikt.

TypeScript-arrays

Arrays in TypeScript lijken op arrays in JavaScript, maar hebben het extra voordeel van type-annotaties. Dit zorgt ervoor dat alle elementen in de array voldoen aan een specifiek type.

Arrays definiëren

Om een ​​array in TypeScript te definiëren, geeft u het type van de elementen op, gevolgd door []:

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

In dit voorbeeld is numbers een array van number en names is een array van string.

Array-methoden

TypeScript-arrays ondersteunen verschillende methoden die vergelijkbaar zijn met JavaScript-arrays. Hier zijn enkele veelvoorkomende methoden:

• push(): Voegt een element toe aan het einde van de array.
• pop(): Verwijdert het laatste element van de array.
• shift(): Verwijdert het eerste element van de array.
• unshift(): Voegt een element toe aan het begin van de array.
• map(): Maakt een nieuwe array door een functie op elk element toe te passen.

Array-voorbeeld

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-tupels

Tuples zijn een speciaal type array in TypeScript waarbij elk element een ander type kan hebben. Tuples zijn handig als u met een vast aantal elementen van verschillende typen moet werken.

Tupels definiëren

Om een ​​tuple te definiëren, gebruikt u vierkante haken [] met de opgegeven typen voor elk element:

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

In dit voorbeeld is persoon een tuple waarbij het eerste element een tekenreeks is en het tweede element een getal.

Toegang tot Tuple-elementen

Krijg toegang tot tuple-elementen met behulp van hun index, vergelijkbaar met arrays:

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

Tuple met optionele elementen

Tuples kunnen ook optionele elementen bevatten:

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

In dit voorbeeld is het tweede element in de tuple optioneel.

Conclusie

TypeScript-arrays en -tupels bieden krachtige manieren om verzamelingen gegevens te verwerken met sterke typesafety. Door te begrijpen hoe u arrays en tupels definieert, manipuleert en gebruikt, kunt u robuustere en onderhoudbare code schrijven. Gebruik arrays voor lijsten met homogene gegevens en tupels voor verzamelingen met vaste grootte en heterogene gegevens.