Блог

Существует пользовательский тип Options (вложенный объект) , который я создал. Я хочу использовать этот тип DefaultProperties для создания объекта, содержащего свойства по умолчанию.

 type Options = {
    id: number,
    text: string | undefined,
    properties: {
        title: string,
        subtitle: string | undefined,
    }
}

type DefaultProperties = Pick<Options, "properties">;
 

Конечно, свойства по умолчанию не могут быть undefined такими . Поэтому я хочу исключить undefined из своих типов союзов.
Для этой цели должны быть встроенные функции, такие как NonNullable<T> или Exclude<T,UnionType> .

Я попробовал три разных способа удаления undefined , но ни одно решение не работает с моим типом.

 type Options = {
    id: number,
    text: string | undefined,
    properties: {
        title: string,
        subtitle: string | undefined,
    }
}

type DefaultProperties = Pick<Options, "properties">;


// Try #1: does not work
type Type1 = NonNullable<DefaultProperties>;

// Try #2: does not work
type NotOptional<Type> = {
    [Property in keyof Type]-?: Type[Property];
};
type Type2 = NotOptional<DefaultProperties>;

// Try #3: does not work
type Type3 = Exclude<Options, undefined>;
 

Пример: Игровая площадка для машинописи

Как я могу удалить все undefined s из всех типов объединения типов?

Правка: Все undefined буквы s должны быть удалены из моего типа. Например:

• Options['text'] : string (Больше нет undefined )
• Options['properties']['subtitle'] : string (Больше нет undefined )

Позже я хочу использовать тип для этого (например):

 const options : Options = { ... };
const defaults: DefaultProperties= { ... }; // With no undefined

const node : HTMLElement = .... ;
node.innerHTML = options.properties.subtitle !== undefined ? options.properties.subtitle : defaults.properties.subtitle;
 

Когда defaults.properties.subtitle имеет тип string | undefined , компилятор выдает ошибку, потому innerHTML что только позволяет strings . За это я хочу исключить undefined .

Вы действительно близки к своему NotOptional типу утилиты , и Exclude проблема в том, что вы определяете DefaultProperties как объект со properties свойством , но пытаетесь удалить undefined его из DefaultProperties , а не из его properties свойства.

В комментарии вы сказали, что хотите DefaultProperties быть в той же форме, properties что и на Options . Это означает, что его основная форма (до того, как мы попытаемся удалить undefined ) такова Options["properties"] . Так что:

 type NotOptional<Type> = {
    [Property in keyof Type]: Exclude<Type[Property], undefined>;
};

type DefaultProperties = NotOptional<Options["properties"]>;
 

Тесты:

 const defaults1: DefaultProperties = {
    title: "foo",
    subtitle: undefined,    // <== Error as desired
};

const defaults2: DefaultProperties = {
    title: "foo",
    subtitle: "something",  // <== No error
};
 

Ссылка на игровую площадку

Вы также можете рассмотреть возможность устранения необязательности (объединение двух вещей, которые вы пробовали).:

 type NotOptional<Type> = {
    [Property in keyof Type]-?: Exclude<Type[Property], undefined>;
};

type DefaultProperties = NotOptional<Options["properties"]>;
 

Тесты:

 const defaults1: DefaultProperties = {
    title: "foo",
    subtitle: undefined,    // <== Error as desired (wrong type for `subtitle`)
};

const defaults2: DefaultProperties = {  // <== Error as desired (missing `somethingElse`)
    title: "foo",
    subtitle: "something",
};

const defaults3: DefaultProperties = {  // <== No error
    title: "foo",
    subtitle: "something",  // <== No error
    somethingElse: "x",
};
 

Ссылка на игровую площадку