TypeScript：无需any类型如何动态访问对象属性？

嘿，我来帮你搞定这个TypeScript的类型报错问题！首先咱们得先搞清楚你为啥会遇到这个错误：你之前把Object.keys(datasource[0])的结果赋值给了Object[]类型的keys，TypeScript完全不知道这些"key"到底是你数据对象里的合法属性名，所以当你用datasource[dlen][key]访问属性时，它就会抱怨说没有索引签名——因为它不确定这个key是不是有效的。

要实现强类型的动态属性访问，咱们可以利用TypeScript的keyof操作符和泛型来搞定，完全不用any或者eval。下面给你两种可行的方案：

方案一：针对固定批次的数据源（同批次字段一致） #

首先提取你数据项的类型，然后把Object.keys的结果断言为该类型的属性名数组，这样TypeScript就能识别这些key的合法性了：

// 你的数据源
const datasource = [{name: 'x', age: 20, address: 'yyyy'}, {name: 's', age: 30, address: 'zzzz'}];

// 提取单个数据项的类型
type DataItem = typeof datasource[0];
// 将Object.keys的结果断言为DataItem的属性名数组，确保类型安全
const keys = Object.keys(datasource[0]) as (keyof DataItem)[];

// 遍历数据和属性
for (const item of datasource) {
  for (const key of keys) {
    let isPropContains = false;
    // 这里value的类型会自动推导为对应属性的类型（string | number）
    let value: DataItem[keyof DataItem];
    
    if (item[key] !== undefined) {
      isPropContains = true;
      value = item[key];
      // 这里可以做你需要的逻辑，比如打印或者处理值
      console.log(`属性${key}的值是：${value}`);
    }
  }
}

方案二：通用处理函数（支持任意动态字段的对象数组） #

如果你的数据源字段会频繁根据用户操作变化，写个泛型函数会更灵活，能适配任意结构的对象数组：

function processDynamicData<T extends Record<string, unknown>>(data: T[]) {
  if (data.length === 0) return;
  
  // 断言keys为当前数据项的属性名数组
  const keys = Object.keys(data[0]) as (keyof T)[];
  
  for (const item of data) {
    for (const key of keys) {
      const value = item[key];
      // value的类型是T[keyof T]，也就是当前对象所有属性值的联合类型
      console.log(`Key: ${key as string}, Value: ${value}`);
      // 这里可以添加你的业务逻辑
    }
  }
}

// 调用示例，不管数据源字段怎么变都能处理
processDynamicData(datasource);

为啥这个方案能解决问题？ #

keyof T操作符会提取出类型T的所有属性名的字面量联合类型（比如上面的DataItem对应的就是'name' | 'age' | 'address'），当你把keys断言为(keyof T)[]后，TypeScript就明确知道这些key都是对象T的合法属性，访问item[key]自然就不会再报类型错误，而且全程都是强类型，没有用到any。

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