Arbeta med TypeScript-arrayer och Tuples

TypeScript utökar JavaScript med ytterligare typfunktioner, vilket gör det lättare att arbeta med komplexa datastrukturer som arrayer och tupler. Den här guiden kommer att introducera dig till arrayer och tupler i TypeScript, inklusive hur du definierar, manipulerar och använder dem effektivt.

TypeScript-arrayer

Arrayer i TypeScript liknar arrayer i JavaScript men kommer med den extra fördelen av typkommentarer. Detta säkerställer att alla element i arrayen överensstämmer med en specifik typ.

Definiera matriser

För att definiera en array i TypeScript anger du typen av dess element följt av []:

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

I det här exemplet är tal en matris med tal och namn är en matris med sträng.

Array-metoder

TypeScript-matriser stöder olika metoder som liknar JavaScript-matriser. Här är några vanliga metoder:

• push(): Lägger till ett element i slutet av arrayen.
• pop(): Tar bort det sista elementet i arrayen.
• shift(): Tar bort det första elementet i arrayen.
• unshift(): Lägger till ett element i början av arrayen.
• map(): Skapar en ny array genom att applicera en funktion på varje element.

Exempel på matris

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 är en speciell typ av array i TypeScript där varje element kan ha en annan typ. Tuples är användbara när du behöver arbeta med ett fast antal element av olika slag.

Definiera Tuples

För att definiera en tupel, använd hakparenteser [] med specificerade typer för varje element:

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

I det här exemplet är person en tupel där det första elementet är en sträng och det andra elementet är ett tal.

Tillgång till Tuple Elements

Få åtkomst till tupelelement med deras index, liknande arrayer:

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

Tuple med valfria element

Tuples kan också innehålla valfria element:

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

I det här exemplet är det andra elementet i tuppeln valfritt.

Slutsats

TypeScript-arrayer och tupler erbjuder kraftfulla sätt att hantera insamlingar av data med stark typsäkerhet. Genom att förstå hur man definierar, manipulerar och använder arrayer och tupler kan du skriva mer robust och underhållbar kod. Använd arrayer för listor med homogena data och tupler för samlingar med fast storlek med heterogena data.