TypeScript嵌套动态属性类型优化问题咨询

核心问题在于Object.keys()默认返回string[]类型，无法和localData及data的具体键类型匹配，导致赋值时出现类型不兼容报错。以下是具体修复方案：

1. 精确约束类型关联 #

先确保nestedKey和localData的类型与Data接口严格对齐：

// 定义完整的Data接口
interface Data {
  car: { name: string; speed: number };
  cat: { fur: boolean };
  random: string[];
  why: string;
}

const data: Data = {
  car: { name: 'x', speed: 45},
  cat: { fur: true },
  random: ['hi', 'bye'],
  why: "because"
};

// 用const断言将nestedKey收窄为字面量类型，避免宽泛的string类型
const nestedKey = 'car' as const;
// 让localData直接继承Data中对应嵌套对象的类型，确保结构完全匹配
type LocalDataType = Data[typeof nestedKey];
const localData: LocalDataType = {
  name: '',
  speed: 0
};

2. 为forEach的key指定正确类型 #

将Object.keys(localData)断言为Array<keyof LocalDataType>，让TypeScript识别key是localData和data[nestedKey]的合法键：

(Object.keys(localData) as Array<keyof LocalDataType>).forEach(key => {
  if (nestedKey && data[nestedKey]) {
    // 此时key类型为'name' | 'speed'，两边类型完全匹配，无需额外断言
    localData[key] = data[nestedKey][key];
  } else {
    // 处理nestedKey无效的场景，通过类型断言确保类型兼容
    localData[key] = data[key as keyof Data] as typeof localData[key];
  }
});

关键说明 #

• const断言能让TypeScript精准识别nestedKey的具体值，而非宽泛的string，以此正确推断Data[typeof nestedKey]的结构。
• 让localData继承Data对应属性的类型，避免手动重复定义类型导致的结构不一致。
• 对Object.keys()结果的类型断言是安全的，因为我们明确知道localData的键就是keyof LocalDataType的成员，不存在未知键。

内容的提问来源于stack exchange，提问作者Just_A.Technicality