TypeScript中通过变量键取对象值报错，该如何解决？

先看你的代码：

type person ={
  name: string,
  age: number,
  gender: ('male'|'female'),
}
let man: person= {
  name: 'bob',
  age: 10,
  gender: 'male',
}
let k1:string[] = Object.keys(man)
let s: string = k1[1]
console.log(man[s])// why mistake??????
console.log(typeof s)//string

错误信息翻译： #

元素隐式拥有 "any" 类型，因为类型为 "string" 的表达式不能用于索引类型 "person"。
在类型 'person' 上找不到具有类型参数 'string' 的索引签名。

报错原因： #

• TypeScript的类型系统里，person是固定结构的类型，只有name/age/gender三个合法键，但Object.keys()的返回类型被TS设计为string[]——这是因为TS无法保证运行时的对象没有额外的自定义属性，所以把返回值的类型放宽成了通用的字符串数组。
• 当你用类型为string的变量s去索引person类型的man时，TS无法确认s一定是person的合法键，为了避免你访问不存在的属性导致潜在问题，就抛出了这个错误。

解决方法： #

方法1：约束变量为对象的合法键（推荐）

通过类型断言把Object.keys()的返回值转为person的键数组，再约束s的类型：

type person ={
  name: string,
  age: number,
  gender: ('male'|'female'),
}
let man: person= {
  name: 'bob',
  age: 10,
  gender: 'male',
}
// 断言为person的键数组
let k1: (keyof person)[] = Object.keys(man) as (keyof person)[];
let s: keyof person = k1[1];
console.log(man[s]); // 正常运行

这种方式保留了TS的类型检查，同时符合你的需求。

方法2：添加字符串索引签名（不推荐）

给person类型添加字符串索引，允许任何字符串作为键，但会丢失类型检查：

type person = {
  name: string,
  age: number,
  gender: 'male'|'female',
  // 添加字符串索引，值的类型覆盖所有属性的类型
  [key: string]: string | number;
}
let man: person= {
  name: 'bob',
  age: 10,
  gender: 'male',
}
let k1:string[] = Object.keys(man)
let s: string = k1[1]
console.log(man[s]); // 不再报错

缺点是之后你写man['randomKey']也不会触发TS错误，容易引入bug。

方法3：用类型守卫做运行时验证

写一个类型守卫函数，在运行时验证s是否为合法键，同时让TS推断出正确的类型：

type person ={
  name: string,
  age: number,
  gender: ('male'|'female'),
}
let man: person= {
  name: 'bob',
  age: 10,
  gender: 'male',
}
let k1:string[] = Object.keys(man)
let s: string = k1[1]

// 类型守卫函数
function isPersonKey(key: string): key is keyof person {
  return ['name', 'age', 'gender'].includes(key);
}

if (isPersonKey(s)) {
  console.log(man[s]); // 这里TS能识别s是person的合法键
}

这种方式兼顾了类型安全和运行时验证，适合需要严谨检查的场景。

内容的提问来源于stack exchange，提问作者Андрей Воробьёв