TypeScript中如何用字符串数组索引接口？

TypeScript报错No index signature with a parameter of type 'string' was found on type 'Test'的核心原因是：默认情况下TS会把keysOfInterest推断为string[]，而Test接口并没有定义字符串索引签名，因此TS无法确认数组中的字符串都是Test的合法键。下面提供两种能保留智能提示的解决方法：

方法一：使用as const断言数组类型 #

通过as const将数组断言为只读的字面量类型数组，让TS明确数组中的元素是Test的具体属性名，而非宽泛的string类型：

interface Test {
  field1: {
    subfield1: string;
    subfield2: string;
  };
  field2: string;
  field3: number;
}

const obj: Test = {
  field1: {
    subfield1: 'hello',
    subfield2: 'world',
  },
  field2: 'foo',
  field3: 123
}

// as const 断言后，数组元素被推断为具体的字面量类型
const keysOfInterest = ['field1', 'field3'] as const;

keysOfInterest.forEach((key) => {
  const value = obj[key];
  // 此处key会被推断为'field1' | 'field3'，obj[key]也会对应正确类型，保留智能提示
  if (key === 'field3' && value === 123) {
    console.log('field3 matches condition');
  }
})

这种方式的优势是类型推断精准，编写keysOfInterest数组时，TS会自动提示Test的合法属性名。

方法二：显式声明数组类型为Array<keyof Test> #

直接将数组的类型指定为Test接口的键的集合，TS会强制数组元素必须是Test的合法属性，同时保留智能提示：

interface Test {
  field1: {
    subfield1: string;
    subfield2: string;
  };
  field2: string;
  field3: number;
}

const obj: Test = {
  field1: {
    subfield1: 'hello',
    subfield2: 'world',
  },
  field2: 'foo',
  field3: 123
}

// 显式指定数组元素为Test的键类型
const keysOfInterest: Array<keyof Test> = ['field1', 'field3'];

keysOfInterest.forEach((key) => {
  const value = obj[key];
  // 可通过类型缩小处理不同属性的逻辑
  if (typeof value === 'object') {
    console.log(value.subfield1); // 此处能获取field1子属性的智能提示
  } else if (typeof value === 'number' && value === 123) {
    console.log('field3 matches condition');
  }
})

这种方式更直观，适合需要明确数组类型约束的场景。

内容的提问来源于stack exchange，提问作者Echo