如何创建具有索引签名和不同类型的固定属性的 TypeScript 接口？

Question

从一个旧的 api 我得到一个 JSON 响应，如下所示：

const someObject = {
    "general": {
        "2000": 50,
        "4000": 100,
        "8000": 200,
    },
    "foo": [
        0,
        1,
        2,
    ],
    "bar": [
        5,
        7,
    ],
    "baz": [
        8,
        9,
    ],
};

请记住，除“general”之外的所有索引都是动态的，可能不在响应中，我无法为每个属性键入，但必须使用索引签名。

我想通过 typescript@2.9.2 来实现：

interface ISomeObject {
    general: {
        [index: string]: number;
    };

    [index: string]?: number[];
}

因为general 将始终在响应中，但其他索引可能在其中也可能不在其中。

我面临的问题：

• 我不能将[index: string]?: number[] 设为可选，因为它会抱怨此处将数字用作值。

• [index: string]: number[] 将覆盖 general: number 的定义，因此 tsc 会抱怨：

  Property 'general' of type '{ [index: string]: number; }' is not assignable to string index type 'number[]'.`
  

我什至可以使用 TypeScript 界面输入这种格式吗？

Answer 1

这是TypeScript Dictarray concept 的变体。

作弊修复是告诉 TypeScript 一切都很好，并且你知道自己在做什么：

interface ISomeObject {
    [index: string]: number[];
    // @ts-ignore: I'm creating a Dictarray!
    general: {
        [index: string]: number;
    };
}

编译器会正确推断返回类型，在这种情况下是数字：

let x: ISomeObject;

const a = x.general['idx'];
const b = x['idx'];

链接的文章有更多信息，但这是您具体案例的要点。