TypeScript如何将File数组转换为AttachmentModel类型数组合并

直接展开两个类型不同的数组合并触发TS类型报错，是因为File类型和AttachmentModel类型结构不兼容，只需要先将files数组的每一项转换为符合AttachmentModel结构的对象，再做展开合并即可，不需要复杂的嵌套解构。

最简实现 #

const merged: AttachmentModel[] = [
  ...attachments,
  ...files.map(file => ({ File: file } satisfies AttachmentModel))
];

细节说明 #

• 你之前测试的单个对象转换写法{ ...{ ...testFile, File: testFile } }存在冗余：AttachmentModel的类型定义并没有要求把File实例的原生属性（name/size/type等）平铺到对象根层级，只需要在File字段存入对应的文件实例，就完全符合类型要求，多余的展开操作只会引入不必要的属性。
• 代码中satisfies AttachmentModel是TS 4.9及以上版本支持的语法，作用是校验映射生成的对象符合AttachmentModel的结构约束，同时保留字段的精确类型推导，避免写错字段名。如果项目使用的TS版本低于4.9，可以使用兼容写法：

// 低版本TS兼容写法
const merged: AttachmentModel[] = [
  ...attachments,
  ...files.map<AttachmentModel>(file => ({ File: file }))
];

扩展用法 #

如果转换时需要初始化其他AttachmentModel字段（比如默认用文件名作为附件标题），直接在map回调的返回对象里补充对应字段即可：

const merged: AttachmentModel[] = [
  ...attachments,
  ...files.map(file => ({
    Title: file.name,
    File: file
  } satisfies AttachmentModel))
];

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