发生这种情况是因为您尝试plotOptions使用 string访问属性name。TypeScript 理解它name可能具有任何值，而不仅仅是来自plotOptions. 所以TypeScript 需要给. 添加索引签名plotOptions，所以它知道你可以在plotOptions. 但我建议更改 的类型name，因此它只能是plotOptions属性之一。

interface trainInfo {
    name: keyof typeof plotOptions;
    x: Array<number>;
    y: Array<number>;
    type: string;
    mode: string;
}

现在，您将只能使用存在于plotOptions.

您还必须稍微更改您的代码。

首先将数组分配给某个临时变量，以便 TS 知道数组类型：

const plotDataTemp: Array<trainInfo> = [
    {
      name: "train_1",
      x: data.filtrationData.map((i: any) => i["1-CumVol"]),
      y: data.filtrationData.map((i: any) => i["1-PressureA"]),
      type: "scatter",
      mode: "lines"
    },
    // ...
}

然后过滤：

const plotData = plotDataTemp.filter(({ name }) => plotOptions[name]);

如果您从 API 获取数据并且无法在编译时键入检查props，唯一的方法是将索引签名添加到您的plotOptions：

type tplotOptions = {
    [key: string]: boolean
}

const plotOptions: tplotOptions = {
    train_1: true,
    train_2: true,
    train_3: true,
    train_4: true
}

使用时Object.keys，以下工作：

Object.keys(this)
    .forEach(key => {
      console.log(this[key as keyof MyClass]);
    });

// bad
const _getKeyValue = (key: string) => (obj: object) => obj[key];

// better
const _getKeyValue_ = (key: string) => (obj: Record<string, any>) => obj[key];

// best
const getKeyValue = <T extends object, U extends keyof T>(key: U) => (obj: T) =>
  obj[key];

不好 - 错误的原因是object默认情况下类型只是一个空对象。因此不可能使用string类型来索引{}。

更好 - 错误消失的原因是因为现在我们告诉编译器obj参数将是字符串/值 ( string/any) 对的集合。但是，我们正在使用该any类型，因此我们可以做得更好。

最佳 -T扩展空对象。U扩展T. 因此U将始终存在于T，因此它可以用作查找值。

这是一个完整的例子：

我已经切换了泛型的顺序（U extends keyof T现在在前面T extends object）以强调泛型的顺序并不重要，您应该选择一个对您的函数最有意义的顺序。

const getKeyValue = <U extends keyof T, T extends object>(key: U) => (obj: T) =>
  obj[key];

interface User {
  name: string;
  age: number;
}

const user: User = {
  name: "John Smith",
  age: 20
};

const getUserName = getKeyValue<keyof User, User>("name")(user);

// => 'John Smith'

替代语法

const getKeyValue = <T, K extends keyof T>(obj: T, key: K): T[K] => obj[key];

我用这个：

interface IObjectKeys {
  [key: string]: string | number;
}

interface IDevice extends IObjectKeys {
  id: number;
  room_id: number;
  name: string;
  type: string;
  description: string;
}

注意：“[key: string]”是什么？JavaScript 中的对象主要只是由键值对组成的属性集合。而且，键只能是字符串（即使对于数组元素也是如此），而值可以是任何数据类型。

如果您在对象中使用可选属性：

interface IDevice extends IObjectKeys {
  id: number;
  room_id?: number;
  name?: string;
  type?: string;
  description?: string;
}

...您应该将“未定义”值添加到 IObjectKeys 接口中：

interface IObjectKeys {
  [key: string]: string | number | undefined;
}

对于将来偶然发现此问题的任何人：

如果您收到 TypeScript 错误

'...字符串类型的表达式不能用于索引...'

然后简单地指定该“类型的字符串表达式”是一个关键的的类型 该对象。例如，

const someObj:ObjectType = data;
const field = 'username';

// This gives an error
const temp = someObj[field];

// Solution 1: When the type of the object is known
const temp = someObj[field as keyof ObjectType]

// Solution 2: When the type of the object is not known
const temp = someObj[field as keyof typeof someObj]