如何用TypeScript实现将响应数据赋值给指定对象？

先看问题重现的代码示例：

interface PostResponse {
  id: string;
  title: string;
  content: string;
}

interface Post {
  id: number;
  title: string;
  body: string;
}

// 模拟API返回的响应数组
const apiResponses: PostResponse[] = [
  { id: "1", title: "TypeScript索引问题", content: "解决TS7053错误" },
];

const data: Post = { id: 0, title: "", body: "" };

// 执行赋值时触发TS7053错误
apiResponses.forEach(response => {
  Object.entries(response).forEach(([name, value]) => {
    data[name] = value; // 错误：Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Post'
  });
});

错误原因 #

TypeScript的类型检查机制认为name是宽泛的string类型，但Post接口的属性是明确的固定键（id、title、body），没有定义接受任意string作为索引的签名，无法保证name是Post的有效属性，因此抛出错误。

解决方案 #

方案1：手动字段映射（字段名有差异时推荐） #

如果PostResponse和Post的字段名存在映射关系（比如content对应body），直接手动处理每个字段的转换，完全规避索引问题：

apiResponses.forEach(response => {
  data.id = Number(response.id); // 转换string类型的id为number
  data.title = response.title;
  data.body = response.content; // 字段名映射
});

这种方式类型最安全，能明确处理每个字段的类型转换和字段映射，也便于后续维护。

方案2：类型收窄断言（字段名完全一致时可用） #

如果两个接口的字段名完全一致，可通过类型断言将name收窄为Post的有效键，同时确保值的类型匹配：

apiResponses.forEach(response => {
  Object.entries(response).forEach(([name, value]) => {
    // 先判断name是否是Post的属性，再做类型断言
    if (name in data) {
      data[name as keyof Post] = value as Post[keyof Post];
    }
  });
});

注意：如果字段类型不一致（比如id的string转number），需要额外处理类型转换，否则可能隐式转换导致问题。

方案3：添加索引签名（不推荐，仅临时应急） #

如果必须保留动态索引的写法，可以给Post接口添加任意字符串索引签名，但这会削弱TypeScript的类型检查能力：

interface Post {
  id: number;
  title: string;
  body: string;
  [key: string]: any; // 允许任意string类型的键
}

这种方式会让Post类型的对象可以被任意字符串索引，失去对无效属性的校验，除非特殊场景，否则不建议使用。

方案4：类型安全转换函数（最推荐） #

封装一个专门的转换函数，明确定义从PostResponse到Post的转换逻辑，代码可读性和类型安全性最高：

function transformPostResponse(response: PostResponse): Post {
  return {
    id: parseInt(response.id, 10),
    title: response.title,
    body: response.content,
  };
}

// 转换单个响应为Post类型
const data = transformPostResponse(apiResponses[0]);
// 批量转换数组
const postList = apiResponses.map(transformPostResponse);

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