Búsqueda de sitios web

javascript - Restringir tipos en las propiedades de objetos en TypeScript dinámicamente basándose en otras propiedades


type MatchOperator = "==" | ">" | "<";

type Criteria<T, P extends keyof T> = {
    field: P,
    value: T[P],
    operator: MatchOperator,
}

interface User {
    name: string;
    age: number;
    id: number;
}

const adultCriteria: Criteria<User, "age"> = {
    field: "age",
    operator: ">",
    value: 18
}

¿Existe una mejor manera de restringir el tipo de value en función de field usando Typescript como se menciona a continuación?

const adultCriteria: Criteria<User> = {
    field: "age",
    operator: ">",
    value: 18
}

Respuesta #1

Sí, es posible:

type Criteria<T> = {
    [P in keyof T]: {
        field: P,
        value: T[P],
        operator: MatchOperator
    }
}[keyof T]

De esta manera obtienes un tipo unión compuesto de 3 tipos posibles:

type OnePossibleCriteria = Criteria<User>

type OnePossibleCriteria = {
    field: "name";
    value: string;
    operator: MatchOperator;
} | {
    field: "age";
    value: number;
    operator: MatchOperator;
} | {
    field: "id";
    value: number;
    operator: MatchOperator;
}

Y cuando le asignas un valor sólido, se reduce a uno de ellos.

const adultCriteria: OnePossibleCriteria = {
    field: "age",
    value: 18,
    operator: ">"
}

Área de juego de TypeScript

Artículos relacionados