Что означает данное ниже определение в Typescript?

Question

[camradee]

Изучаю TS и по кускам вроде понятно, а все вместе нет целой картины. Что делает эта запись?

const someVariable: string[] | Record<string, any>[] = [
      "id",
      "name",
      "description",
      {
        "fullPrice": "price"
      },
      {
        "qty": "quantity"
      }
    ]

Comments

[WbICHA]

Типизирует. Что конкретно непонятно? Как работают типы? Как они пишутся?
И да, тип неверный, должно быть: (string | Record<string, any>)[].

[camradee]

WbICHA, я понимаю это так, что тип это массив строк И массив объектов со строковым ключом и любым значением. Так?

Answer 1

[Дмитрий Беляев]

Тип Record - это утилити тип из стандартной библиотеки TS, который описывает объект, у которого ключи - первый аргумент дженерика, а значения - второй.
Тип string[] | Record<string, any>[] - это или массив строк или массив объектов (ключ - любая строка, значение любого типа). Данный тип не позволит смешивать строки и объекты в одном массиве, либо то либо другое.
Как верно подметил WbICHA в комментарии к вопросу, для приведенных данных корректный тип - это (string | Record<string, any>)[] (массив из строк или объектов в перемешку).

Ну и вместо any лучше использовать unknown, any - это тип без проверки типов, unknown - это тип который включает в себя все другие типы, в него как и в any тоже можно записать значение любого типа, но в отличии от any при использовании unknown нужно делать либо явное приведение типов, либо рантайм проверки типов.

Comments

[camradee]

Все понял, спасибо. Только одно Но. на выходе someVariable содержит массив и строк и объектов, т.е. правую часть и это не стыкуется с тем что либо массив строк либо объектов. И еще, попробовал
(string | Record<string, any>)[]
вылезала ошибка: Type 'Record' cannot be used as an index type.

[Дмитрий Беляев]

на выходе someVariable содержит массив и строк и объектов

camradee, ну в рантайме никакого TS нет, так что то что записали, то там и будет. Тут другой момент, TS должен ругаться на попытку записи такого массива в переменную с таким типом:
https://www.typescriptlang.org/play?#code/MYewdgzg...

вылезала ошибка: Type 'Record' cannot be used as an index type

А где она вылезла? Вы очевидно пытаетесь использовать значения из этого массива как ключи для некоторого объекта.

[camradee]

Дмитрий Беляев,

А где она вылезла? Вы очевидно пытаетесь использовать значения из этого массива как ключи для некоторого объекта.

да, по коду маппинг значений в результирующий объект

[Дмитрий Беляев]

camradee, ну значит все правильно ругается, объекты не могут быть ключами для других объектов

[camradee]

Дмитрий Беляев, благодарю, теперь я понял почему меня этот код сильно смущал. действительно фигня какая-то )