TypeScript Academy · leksjon

Rest-elementer i tupler

Bruk rest-elementer i tupletyper.

Leksjon 3 av 413 trinn

Rest-elementer i tupler er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 3 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i TypeScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i TypeScript Academy inneholder totalt 4 leksjoner.

Tupler med variabel lengde

Tupler har vanligvis fast lengde, men et rest-element lar én posisjon ta imot et hvilket som helst antall elementer. Dette modellerer data som delvis er faste og delvis variable.

Et avsluttende rest-element

Skriv [string, ...number[]] for å angi: én string, etterfulgt av null eller flere tall. Den første plassen er fast; resten kan vokse fritt.

type Row = [string, ...number[]]
const r: Row = ["scores", 9, 8, 7]
console.log(r[0], r.length) // scores 4

Den faste delen er påkrevd

De innledende, faste elementene må være til stede. Restdelen kan være tom, men de faste plassene kan ikke utelates.

type Row = [string, ...number[]]
const min: Row = ["label"] // ok, zero numbers
// const bad: Row = [] // Error: missing string
console.log(min)

Innledende rest-element

Et rest-element kan også komme først, med faste elementer etter seg. Dette modellerer en variabel begynnelse etterfulgt av en fast avslutning.

type Trailing = [...number[], boolean]
const t: Trailing = [1, 2, 3, true]
console.log(t[t.length - 1]) // true

Rest-element i midten

Rest-elementet kan stå i midten, mellom faste innledende og avsluttende elementer. TypeScript finner ut hvilke posisjoner som er faste i hver ende.

type Middle = [string, ...number[], boolean]
const m: Middle = ["start", 1, 2, false]
console.log(m[0], m[m.length - 1]) // start false

Bare ett rest-element per tuppel

En tuppel kan inneholde maksimalt ett rest-element. To rest-elementer ville gjort elementposisjonene tvetydige, så dette er ikke tillatt.

// type Bad = [...string[], ...number[]] // Error: only one rest allowed
type Ok = [string, ...number[]]
const o: Ok = ["x", 1]
console.log(o)

Destrukturering av en rest-tuppel

Destrukturering passer perfekt med rest-elementer i tupler. Faste bindinger bruker de faste plassene, mens en rest-binding fanger den variable delen som en typet array.

type Row = [string, ...number[]]
const row: Row = ["scores", 9, 8]
const [label, ...values] = row
console.log(label, values) // scores [9, 8]

Navngitte tuppel-elementer

Du kan navngi tuppelposisjoner for dokumentasjon. Etikettene vises i verktøytips og signaturer, men endrer ikke verdiene under kjøring.

type Range = [start: number, end: number]
const span: Range = [0, 10]
console.log(span[0], span[1]) // 0 10

Etiketter på rest-elementer

Rest-elementer kan også ha etiketter. Dette er spesielt nyttig i tupler for funksjonsparametere, fordi det gir mer lesbare hint.

type Args = [command: string, ...flags: string[]]
const a: Args = ["build", "--watch", "--minify"]
console.log(a[0], a.slice(1))

Rest-tupler som parameterlister

En tuppel med et rest-element kan beskrive parameterlisten til en funksjon og dermed muliggjøre presise signaturer med først faste og deretter et variabelt antall parametere ved hjelp av spread.

type Params = [name: string, ...scores: number[]]
function report(...args: Params): string {
  const [name, ...scores] = args
  return name + ": " + scores.join(",")
}
console.log(report("Ada", 9, 8))

Hvorfor rest-tupler er viktige

Rest-tupler uttrykker strukturer som vanlige arrayer ikke kan: en påkrevd toppdel med en variabel kropp, en variabel kropp med en påkrevd avslutning, eller begge deler. De er grunnlaget for typingen av funksjoner med variabelt antall argumenter.

type CSVRow = [id: number, ...fields: string[]]
const row: CSVRow = [1, "Ada", "Engineer"]
console.log(row[0], row.slice(1))

Rask kontroll

Test forståelsen din av rest-elementer i tupler.

Besvar den i den interaktive leksjonen

Oppsummering

Et rest-element i en tuppel (...T[]) lar én posisjon ta imot et hvilket som helst antall elementer, mens faste innledende og avsluttende elementer fortsatt er påkrevde. Rest-elementet kan stå bakerst, først eller i midten, men hver tuppel kan bare ha ett rest-element. Destrukturering følger disse strukturene, etiketter gir lesbare hint, og rest-tupler er grunnlaget for typingen av funksjoner med variabelt antall argumenter.

Gratis å komme i gang

Lær deg TypeScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 101
Leksjoner: 352

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Rest-elementer i tupler» gratis?

Ja – hele teksten i «Rest-elementer i tupler» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av TypeScript Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i TypeScript Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Rest-elementer i tupler»?

Bruk rest-elementer i tupletyper. Du øver på TypeScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med TypeScript Academy?

Ingen tidligere erfaring er nødvendig. TypeScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 4.

Hvor lang tid tar leksjonen «Rest-elementer i tupler»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne TypeScript Academy-leksjonen?

Ja. Alle TypeScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til TypeScript Academy