Statisk typebestemmelse gjør det mulig for TypeScript-kompilatoren å overvåke datatypen til arrayelementer. Denne funksjonen hjelper TypeScript-arrayer med å redusere sannsynligheten for feil i koden din, slik at du kan utvikle sikrere og mer pålitelige applikasjoner.

Hva er TypeScript-matriser?

I TypeScript er matriser ordnede lister med verdier. Akkurat som i JavaScript kan du bruke matriser i TypeScript til å lagre en samling elementer. Elementene kan tilhøre forskjellige datatyper, inkludert tall, strenger, objekter eller andre matriser. TypeScript har fordelen av å støtte statisk typebestemmelse, noe som betyr at du kan spesifisere datatypen til elementene i en matrise. Dette forbedrer igjen feildeteksjonen under utviklingen.

En viktig egenskap ved matriser er deres dynamiske størrelse, som gjør det mulig å legge til eller fjerne elementer uten å måtte bestemme størrelsen på forhånd. I TypeScript er matriser som standard mutable. Du kan imidlertid opprette immutable matriser ved å bruke matrisemetoder som map og filter. Immutable matriser kan brukes til å opprette nye matriser basert på eksisterende matriser. Matriser gir en konsistent struktur for organisering av data og gjør det enklere å filtrere, sortere og iterere over elementer.

I tillegg kan TypeScript-matriser danne grunnlag for implementering av datastrukturer som stabler (LIFO – Last-In-First-Out) og køer (FIFO – First-In-First-Out). De er også egnet for å representere lister, tabeller og samlinger i en rekke applikasjoner. Fordi elementer av samme type er enkle å administrere, er matriser spesielt nyttige ved behandling av data fra eksterne kilder, enten det er API-er eller databaser.

Hva er syntaksen for TypeScript-matriser?

I TypeScript deklareres matriser med nøkkelordene let, const eller var etterfulgt av et variabelnavn og en datatypespesifikasjon. Når du deklarerer en datatype, angir du hvilken datatype elementene i matrisen skal ha. Dette gjøres ved hjelp av et kolon. Elementene plasseres i firkantede parenteser og skilles med komma i en matriseinitialiseringsblokk.

Den generelle syntaksen for å deklarere en TypeScript-matrise er som følger:

const variableName: datatype[] = [element1, element2, ...];
typescript
  • variableName er navnet du velger for matrisen.
  • datatype angir datatypen til elementene i matrisen.
  • [element1, element2, …] er de faktiske elementene eller verdiene som skal lagres i matrisen. Disse elementene skal ha den datatypen som er angitt for matrisen.

Her er noen eksempler som hjelper til å illustrere syntaksen:

// Data type: Number
const numbers: number[] = [1, 2, 3, 4, 5];
// Data type: String
const numbers: string[] = ["Alice", "Bob", "Charlie"];
// Data type: Boolean
const booleans: boolean[] = [true, false];
typescript

Hvilke TypeScript-matrisemetoder finnes det?

TypeScript-matrisemetoder er ekstremt nyttige og kraftige fordi de lar deg effektivt behandle, transformere og organisere data i matriser. Tabellen nedenfor gir deg en oversikt over vanlige matrisemetoder i TypeScript og hvordan de kan brukes.

Metoder Beskrivelse
push() Legger til ett eller flere elementer på slutten av matrisen og returnerer den nye lengden på matrisen.
pop() Fjerner det siste elementet fra matrisen og returnerer det.
unshift() Legger til ett eller flere elementer i begynnelsen av matrisen og returnerer den nye lengden på matrisen.
shift() Fjerner det første elementet fra matrisen og returnerer det.
concat() Kombinerer den aktuelle matrisen med en eller flere andre matriser og returnerer en ny matrise. Den opprinnelige matrisen forblir uendret.
join(separator) Konverterer elementene i matrisen til en streng og returnerer den. Du kan velge et skilletegn for elementene.
slice(start, end) Oppretter en flat kopi av matrisen som består av elementene mellom de angitte indeksene «start» (inkludert) og «end» (ekskludert). Den opprinnelige matrisen forblir uendret.
splice(start, deleteCount, element1, element2, ...) Setter inn nye elementer på den angitte posisjonen og/eller fjerner elementer fra matrisen.
forEach(callback) Utfører en angitt funksjon for hvert element i matrisen.
map(callback) Oppretter en ny matrise ved å bruke en funksjon på hvert element i matrisen.
filter(callback) Oppretter en ny matrise med alle elementer som består testen implementert av den angitte funksjonen.

TypeScript-matriseeksempler

TypeScript-matriser er uunnværlige verktøy når det gjelder organisering og behandling av data i applikasjoner. Nedenfor ser vi på noen av de viktigste operasjonene.

Tilgang til arrayelementer

Å få tilgang til arrayelementer i TypeScript er en grunnleggende operasjon som lar deg hente spesifikke elementer i en array. Du kan få tilgang til arrayelementer ved å bruke indeksen deres, som representerer deres posisjon i arrayen. I TypeScript er arrayindekser nullbaserte. Dette betyr at det første elementet har indeks 0 og det andre elementet har indeks 1.

let myArray: number[] = [10, 20, 30, 40, 50];
// Accessing elements using index
let firstElement: number = myArray[0]; // Output: 10
let secondElement: number = myArray[1]; // Output: 20
let thirdElement: number = myArray[2]; // Output: 30
// Assigning a new value to an array element
myArray[3] = 99; // 4th element in myArray = 99
typescript

Destrukturering av matriser

Med destrukturering av matriser kan du raskt og enkelt hente ut verdier fra en matrise og tilordne dem til en variabel.

let numberArray: number[] = [1, 2, 3];
// Array destructuring
let [firstNumber, secondNumber, thirdNumber] = numberArray;
// Access values
console.log(firstNumber); // Outputs 1
console.log(secondNumber); // Outputs 2
console.log(thirdNumber); // Outputs 3
typescript

Iterere over elementer i TypeScript-matriser

Her er et eksempel på hvordan du kan iterere over en matrise i TypeScript ved hjelp av en for-løkke:

let numbers: number[] = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
    console.log(numbers[i]);
}
typescript

I dette eksemplet har vi matrisen numbers, som inneholder tall. Vi bruker en for-løkke til å iterere gjennom matrisen. Løkken starter på i = 0, og vi øker med i i hver løkkeomgang. Med numbers[i] kan vi få tilgang til det respektive elementet i matrisen og skrive det ut.

Dette er resultatet:

1
2
3
4
5
typescript

b063a9a0bb050c0cbf3a12ca06492bdb

367d32e6e3dca06fe225f3fb0920ab8d

7023faba66ebf53c94fb07a51ede46c2

787c9893abf7d98e9aa25d17a1eebedd

d0d26c3ffdc8a6e7d535e0ef5eb410d2

Go to Main Menu