TypeScript Academy · leksjon

Flertallsbøying med typer

Modeller flertallsformer på en typesikker måte.

Leksjon 3 av 413 trinn

Flertallsbøying med typer 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.

Typesikker flertallsbøying

Språk trenger flertallsformer: "1 element" kontra "2 elementer". Typesikker i18n modellerer flertallskategorier (som one / other) og krever et count-argument, slik at det aldri blir glemt.

Flertallskategorier

Intl-reglene for flertall definerer kategorier som zero, one, two, few, many og other. Engelsk bruker bare one og other; andre locales bruker flere.

type PluralCategory = "zero" | "one" | "two" | "few" | "many" | "other";

En flertallsmeldings form

Representer en melding med flertallsform som et objekt med kategorien som nøkkel. other er den obligatoriske reserveformen.

type PluralMessage = {
  other: string;
} & Partial<Record<Exclude<PluralCategory, "other">, string>>;

const items: PluralMessage = {
  one: "{count} item",
  other: "{count} items",
};

Skille mellom flertall og vanlig tekst

En katalog kan inneholde både vanlige strenger og flertallsobjekter. Kravene til argumenter er forskjellige, så formen oppdages på typenivå.

type IsPlural<M> = M extends { other: string } ? true : false;

Kreve count

Når en melding har flertallsform, må translate-argumentene inneholde en numerisk count. Argumenttypen beregnes betinget.

type PluralArgs<M> = IsPlural<M> extends true
  ? { count: number }
  : {};

type A = PluralArgs<typeof items>; // { count: number }

En typesikker t for flertallsformer

Kombiner katalogoppslaget med de betingede argumentene, slik at meldinger med flertallsform krever count, mens vanlige meldinger ikke gjør det.

declare const cat: {
  items: { one: string; other: string };
  hello: string;
};

declare function t<K extends keyof typeof cat>(
  key: K,
  args: PluralArgs<(typeof cat)[K]>
): string;

t("items", { count: 3 }); // ok
t("items", {});           // Error: count required
t("hello", {});           // ok

Velge formen ved kjøring

Ved kjøring velger Intl.PluralRules kategorien ut fra antallet, og den tilsvarende strengen leses av (med reserve til other).

function plural(msg: { other: string; [k: string]: string }, count: number, locale: string) {
  const cat = new Intl.PluralRules(locale).select(count);
  return (msg[cat] ?? msg.other);
}

Kombinere med interpolasjon

Flertallsstrenger inneholder vanligvis også {count}. Argumenttypen kan kombineres med kravene for flertallsform og de interpolasjonsvariablene som er trukket ut fra den valgte formen.

type FullArgs<M> = PluralArgs<M> & ExtractVars<M>;
// count plus any {placeholders} in the message

Locales med rikere former

Noen locales (for eksempel polsk og russisk) bruker few og many. Siden PluralCategory allerede inneholder dem, kan en katalog levere disse nøklene, og den samme mekanismen håndterer dem.

const ruItems = {
  one: "{count} товар",
  few: "{count} товара",
  many: "{count} товаров",
  other: "{count} товара",
};

Kreve fallbacken other

Fordi other er obligatorisk i PluralMessage, garanterer typesystemet at en reserveform finnes. Dermed unngås en situasjon ved kjøring der ingen flertallsform passer.

Hvorfor dette er viktig

Feil i flertallsformer ("1 items") og glemte antall er vanlig i utypet i18n. Når kategorier modelleres som typer og count kreves, blir korrekt flertallsbøying standarden, og et manglende count blir en kompileringsfeil.

Kort sjekk

Test forståelsen av typesikker flertallsbøying.

Besvar den i den interaktive leksjonen

Oppsummering

Flertallsformer ble modellert som objekter med flertallskategorier som nøkler og en obligatorisk reserveform i other. Flertallsmeldinger ble oppdaget på typenivå, og et numerisk count-argument ble krevd ved hjelp av betingede typer. Intl.PluralRules velger formen ved kjøring, og den samme mekanismen kan skaleres til locales med rikere former.

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 «Flertallsbøying med typer» gratis?

Ja – hele teksten i «Flertallsbøying med typer» 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 «Flertallsbøying med typer»?

Modeller flertallsformer på en typesikker måte. 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 «Flertallsbøying med typer»?

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