Record : associer des clés à des types de valeurs

Bienvenue

Syntaxe de base de Record

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

Record avec des clés de type string

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

Record pour les tables de correspondance

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

Implémentation de Record

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

Record et signature d’index

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

Record avec des valeurs d’union

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

Record partiel

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

Record en lecture seule

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

Record pour le regroupement

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 avec des clés d’énumération

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

Vérification rapide

Récapitulatif