Arrayer och tupler

Välkommen till nästa lektion! I den här lektionen utforskar vi hur man arbetar med arrayer och tupler i TypeScript. Dessa strukturer gör det möjligt att lagra flera värden på ett organiserat sätt. Nu går vi vidare!

En array är en samling element som lagras i en enda variabel. I TypeScript går det att ange typen för elementen i en array. Exempel:

Uppgift: Skapa en array med era favorittal och skriv ut den i konsolen.

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

Det går att komma åt element i en array med hjälp av deras index. Kom ihåg att index i arrayer börjar på 0:

Uppgift: Prova att komma åt olika element i en array och skriv ut dem i konsolen.

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

TypeScript-arrayer har många användbara metoder. Här är några exempel:

• push: Lägger till ett element sist i arrayen.
• pop: Tar bort det sista elementet från arrayen.
• length: Returnerar antalet element i arrayen.

Exempel:

Uppgift: Experimentera med arraymetoder som push och pop.

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

En tuple är en array med fast längd där varje element kan ha en annan typ. Tupler är användbara för att gruppera relaterade data av olika typer. Exempel:

Uppgift: Skapa en tuple som representerar en student med namn och ålder.

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

Precis som arrayer stöder tupler indexering och metoder. Strukturen är dock fast, och det går inte att lägga till extra element utan att ändra tupletypen. Exempel:

Uppgift: Definiera en tuple för en punkt i ett tvådimensionellt koordinatsystem och skriv ut dess värden.

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

Det går att skapa en array med tupler för att lagra flera relaterade dataposter. Exempel:

Uppgift: Skapa en array med tupler för att lagra era vänners namn och åldrar.

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

Här är några vanliga misstag vid arbete med arrayer och tupler:

• Komma åt element utanför arrayens gränser (vilket resulterar i undefined).
• Använda fel datatyp i arrayer eller tupler (vilket orsakar fel i TypeScript).
• Försöka ändra strukturen hos en tuple utan att uppdatera dess typ.

Tips: Ange alltid typer uttryckligen för att undvika oväntat beteende!

Grattis! Du har lärt dig hur du använder arrayer och tupler i TypeScript för att lagra och hantera samlingar av data. Det här är viktiga verktyg för att hantera strukturerad information i dina program. I nästa lektion ska vi utforska uniontyper och intersektionstyper för att hantera mer komplexa situationer. Fortsätt koda!