扩展对象的打字稿数组，而无需修改源

Question

我有此列表对象，但是后来更改了形状，我需要一个额外的ID属性，但是如何不修改列表？

interface List {
    name: string //without adding id here
}

interface ListData {
    type: string
    lists: List[] //how to include id here?
}

const data: ListData = {
    type: 'something',
    lists: [{
        id: '1',
        name: 'alice'
    }, {
        id: '2',
        name: 'ja'
    }]
}

Answer 1

您可以 Extend

interface List {
  name: string //without adding id here
}

interface ListId extends List {
  id: string
}

interface ListData {
  type: string
  lists: ListId[]
}

const data: ListData = {
  type: 'something',
  lists: [{
    id: '1',
    name: 'alice'
  }, {
    id: '2',
    name: 'ja'
  }]
}

Answer 2

您可以使用扩展为扩展现有接口的关键字

interface ListWithId extends List {
  id: string;
}

，也可以在现有list> list>接口中创建ID可选，因此，如果您已经使用了它，则可以在没有影响任何一个的情况下使用它。

interface List {
  name: string;
  id?: string;
}

Note ：？用于使属性可选。

Answer 3

为以前的答案添加替代方法

type ListWithId = List & {id: string};

interface ListData {
    type: string
    lists: ListWithId[] //how to include id here?
}

，或者不漂亮，而是有效

interface ListData {
    type: string
    lists: (List & {id: string})[] //how to include id here?
}