TypeScript填充MusicDto属性时触发未知属性提示求助

1. 你的MusicDto接口里的属性都是可选的，刚创建的musicData实例里这些属性默认都是undefined。代码里的if (targetProperty)会把undefined当成假值，直接跳到else分支打印日志。
2. 你用let targetProperty = musicData[propertyName]拿到的是属性值的副本，后续对这个变量的修改根本不会影响原musicData对象，等于白做赋值操作。

export interface MusicDto {
    title?: string;
    artist?: string;
    duration?: number; // 新增数字类型示例属性
}

const musicData: MusicDto = {};
const tokens = ["Title: Hello World;", "Artist: Foo Bar;", "Duration: 180;"];

tokens.forEach(token => {
  const [key, value] = token.split(':');
  if (key && value) {
    const propertyName = key.trim().toLowerCase() as keyof MusicDto;
    const propertyValue = value.replace(';', '').trim();

    // 提前定义合法属性列表，校验当前属性名是否合规
    const validProperties: Array<keyof MusicDto> = ['title', 'artist', 'duration'];
    if (validProperties.includes(propertyName)) {
      // 直接操作原对象属性，而非局部变量
      const currentPropType = typeof musicData[propertyName];
      switch (currentPropType) {
        case 'string':
          musicData[propertyName] = propertyValue as typeof musicData[typeof propertyName];
          break;
        case 'number':
          musicData[propertyName] = parseFloat(propertyValue) as typeof musicData[typeof propertyName];
          break;
        default:
          // 处理初始未定义的属性，直接赋值原始值
          musicData[propertyName] = propertyValue as typeof musicData[typeof propertyName];
      }
    } else {
      console.log(`Unknown property ${propertyName}`);
    }
  }
});

• 更换判断逻辑：不再检查属性值是否存在，而是直接校验属性名是否属于MusicDto的合法键，避免可选属性初始undefined导致的误判。
• 直接修改原对象：删除局部变量targetProperty，直接操作musicData[propertyName]，确保修改能同步到目标对象。
• 严谨类型处理：通过typeof musicData[typeof propertyName]做类型断言，既避免TypeScript报错，又保证类型安全。

如果不想手动维护合法属性列表，也可以用propertyName in musicData替代，但手动维护列表的方式更严谨，能规避类型断言带来的潜在风险。

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