Как указать в TypeScript интерфейсе, что в массиве могут содержаться много однотипных объектов?

Question

[oddwang]

Возможно чего-то не понимаю, но хочу указать, что в массиве будет содержаться много однотипных объектов, как мне это указать? Указал interface:

const state: StateType = {
    user: 'User',
    columns: [
        {title: 'ToDo', cardList: []},
        {title: 'In progress', cardList: []},
        {title: 'Testing', cardList: []},
        {title: 'Done', cardList: []},
    ],
    cards: [],
}

interface StateType {
    user: string,
    columns: [
        {title: string, cardList: []}
    ]
}

В таком случае выдаёт следующую ошибку:

Тип "[{ title: string; cardList: []; }, { title: string; cardList: []; }, { title: string; cardList: []; }, { title: string; cardList: []; }]" не может быть назначен для типа "[{ title: string; cardList: []; }]".
  Число элементов в источнике — 4, но целевой объект разрешает только 1.

Answer 1

[Aetae]

[ {title: string, cardList: []} ] - это не массив, заполняемый значениями типа {title: string, cardList: []}, это кортеж из одного значения данного типа.
Массив обозначается так Array<{title: string, cardList: []}> или так {title: string, cardList: []}[].
Кортеж используется когда нужно конкретное количество значений конкретного тип на конкретных позициях.

Comments

[oddwang]

То что я хотел, спасибо большое!

Answer 2

[Alex]

Примерно так

type ToDo = {title: 'ToDo', cardList: []}
type Testing = {title: 'Testing', cardList: []}

interface StateType {
    user: string,
    columns: (ToDo | Testing)[]
}

const state: StateType = {
    user: 'User',
    columns: [
        {title: 'ToDo', cardList: []},
        {title: 'Testing', cardList: []},
    ],
}

https://www.typescriptlang.org/play?#code/C4TwDgpg...

Или даже так:

enum kinds  {
    ToDo = 'ToDo',
    Testing = 'Testing',
}

type Column = {title: kinds, cardList: []}

interface StateType {
    user: string,
    columns: Column[]
}

const state: StateType = {
    user: 'User',
    columns: [
        {title: kinds.ToDo, cardList: []},
        {title: kinds.Testing, cardList: []},
    ],
}

https://www.typescriptlang.org/play?ssl=19&ssc=2&p...