Record: 키를 값 형식에 매핑하기

환영합니다

Record 기본 구문

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

문자열 키와 함께 사용하는 Record

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

조회 테이블을 위한 Record

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

Record의 구현 방식

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

Record와 인덱스 시그니처 비교

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

합집합 값과 함께 사용하는 Record

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

Partial Record

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

읽기 전용 Record

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

그룹화를 위한 Record

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

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

빠른 확인

복습