Record: Schlüssel auf Werttypen abbilden

Willkommen

Grundlegende Record-Syntax

type Roles = Record<'admin' | 'user' | 'guest', boolean>;
const access: Roles = { admin: true, user: true, guest: false };

Record mit string-Schlüsseln

const headers: Record<string, string> = {
  'content-type': 'application/json',
  'authorization': 'Bearer token'
};

Record für Lookup-Tabellen

const statusLabels: Record<number, string> = {
  200: 'OK',
  404: 'Not Found',
  500: 'Server Error'
};

Implementierung von Record

type Record<K extends string | number | symbol, V> = { [P in K]: V };

Record vs. Index-Signatur

// Equivalent:
type A = Record<string, number>;
type B = { [key: string]: number };

Record mit Vereinigungswerten

type Config = Record<'development' | 'staging' | 'production', { url: string; debug: boolean }>;

Partieller Record

type OptionalConfig = Partial<Record<'debug' | 'verbose' | 'trace', boolean>>;

Readonly-Record

const CODES: Readonly<Record<string, number>> = { A: 1, B: 2 };

Record zum Gruppieren

function groupBy<T>(items: T[], key: keyof T): Record<string, T[]> {
  return items.reduce((acc, item) => {
    const k = String(item[key]);
    (acc[k] ??= []).push(item);
    return acc;
  }, {} as Record<string, T[]>);
}

Record mit Enum-Schlüsseln

enum Color { Red = 'RED', Green = 'GREEN', Blue = 'BLUE' }
const hexCodes: Record<Color, string> = {
  [Color.Red]: '#FF0000',
  [Color.Green]: '#00FF00',
  [Color.Blue]: '#0000FF',
};

Kurzer Test

Zusammenfassung