在 Typescript 接口中访问索引

Question

我使用索引类型在 Typescript 中创建了一个字典，我正试图在我的代码中的某个地方使用它。 但无法弄清楚如何访问索引。 我有两个接口：

export interface OrderForm {
 model_id?: number;
 model_color_id?: number;
 model_product_id?: number;
 total_lld: ComputedTotalLLDOptions;
 product_parts_id?: string;
}

export interface ComputedTotalLLDOptions {
  [index: number]: {
    contribution: number;
    duration: number;
    rent: number;
  };
}

你有一些我如何使用它的例子吗？

Answer 1

接口定义了代码中“事物”的形状； 它们提供 static 类型并且没有运行时功能。 您可以使用它们来指定变量/参数/属性的预期类型。 您的ComputedTotalLLDOptions示例：

const foo: ComputedTotalLLDOptions = {
    0: {
        contribution: 1,
        duration: 2,
        rent: 3
    }
}

const bar: number = foo[0].contribution

看到这个游乐场。