如何向嵌套类型添加新类型

Question

我一直在尝试解决这个问题，但没有任何解决方案。

问题：我从 API 中检索了一个大的 object。我必须向这个 object 添加更多属性，每次我将这个 object 传递给一个 function 时，它会添加新属性 object 的类型。因为新属性被添加了我不确定我正在做的是否是最好的方法，所以让我们看看：

我声明了这些类型：

export type Match = {
  metadata: Metadata;
  info: Info;
};

export type Info = {
  participants: Participant[];
};

export type Participant = {
  item0: number;
  item1: number;
  item2: number;
  item3: number;
  item4: number;
  item5: number;
  item6: number;
};

export type ItemsAsset = {
    itemAsset0: string;
    itemAsset1: string;
    itemAsset2: string;
    itemAsset3: string;
    itemAsset4: string;
    itemAsset5: string;
    itemAsset6: string;
  };

我检索到的 object：

{
    "metadata": {
        "dataVersion": "1",
        "matchId": "1",
        "participants": [...]
    },
    "info": {
  // more properties
        "participants": [
            {
 // more data
                "item0": 6665,
                "item1": 4637,
                "item2": 3116,
                "item3": 3009,
                "item4": 3024,
                "item5": 3082,
                "item6": 3363,
            }
            // more participants data
        ]
    }
}

将此 object 传递给第一个添加属性的 function 后：

{
    "metadata": {
        "dataVersion": "2",
        "matchId": "",
        "participants": [...]
    },
    "info": {
  // more properties
        "participants": [
            {
 // more data
                "item0": 6665,
                "item1": 4637,
                "item2": 3116,
                "item3": 3009,
                "item4": 3024,
                "item5": 3082,
                "item6": 3363,
                "itemAsset0": "http://img/item/6665.png",
                "itemAsset1": "http://img/item/4637.png",
                "itemAsset2": "http://img/item/3116.png",
                "itemAsset3": "http://img/item/3009.png",
                "itemAsset4": "http://img/item/3024.png",
                "itemAsset5": "http://img/item/3082.png",
                "itemAsset6": "http://img/item/3363.png",
            }
            // more participants data
        ]
    }
}

“ItemAsset”是需要添加到新 object 的新类型声明中的新类型，如果我这样做：

export type MatchWithItemAssetInParticipant = Match & ItemAsset;

它不起作用，还需要在“参与者”类型中。 如果我做：

export type MatchWithItemAssetInParticipant = Match & ParticipantItemAsset;

export type ParticipantItemAsset = Participant & {
  itemAsset0: string;
  itemAsset1: string;
  itemAsset2: string;
  itemAsset3: string;
  itemAsset4: string;
  itemAsset5: string;
  itemAsset6: string;
};

它也不起作用，似乎我无法在匹配类型中进行更改。 希望我很清楚。 提前致谢！

Answer 1

您可以使Info类型通用（随后是Match类型），这允许您指定participants的类型：

export type Info<P = Participant> = {
  participants: P[];
};

export type Match<P = Participant> = {
  metadata: Metadata;
  info: Info<P>;
};

现在您可以指定更改的参与者数据：

function loadMatch(): Promise<Match>; // or Promise<Match<Participant>> if you want to write it out
function addParticipantItemAssets(match: Match): Match<Participant & ItemsAsset> 

当您更新 function 中的值时，typescript 会抱怨，因为在某些时候您会将与普通参与者的匹配视为与参与者和 ItemAsset 的匹配。 在这种情况下，使用as告诉它它认为你应该使用哪种类型的 object：

function addParticipantItemAssets(match: Match): Match<Participant & ItemsAsset> {
  return match as Match<Participant & ItemsAsset>
}