Angular技术问题：如何将FormGroup.value转换为Map类型？

你遇到的问题其实是数据结构本质不同导致的，不是类型转换的问题——FormGroup.value返回的是一个普通JavaScript对象（Plain Object），而Map是ES6引入的专门键值对集合类型，二者底层结构完全不一样，所以直接用类型断言as Map<...>只会骗过TypeScript的类型检查，实际运行时还是普通对象，自然会出现不符合预期的情况。

为什么不能自然转换？ #

Angular表单模块的设计是围绕普通对象展开的：

• 表单控件名称都是字符串，普通对象的键值对结构天然匹配这种场景
• 普通对象更容易和JSON序列化/反序列化兼容（比如提交表单时转成JSON发送给后端）
• Map虽然也是键值对，但它的特性（比如键可以是任意类型、保持插入顺序）对于表单场景来说并不是必需的，所以Angular没有默认把表单值封装成Map返回。

更简洁的转换方式 #

你当前的forEach写法是可行的，但可以用Object.entries简化代码：

const formDataMap: Map<string, Answer> = new Map(
  Object.entries(this.form.value) as [string, Answer][]
);

Object.entries会把普通对象转换成[key, value]的二维数组，而Map的构造函数正好可以接收这种格式的数组，一步完成转换。

额外优化：封装工具函数 #

如果你的业务场景经常需要把表单值转成Map，可以封装一个复用函数：

function formToMap<T>(form: FormGroup): Map<string, T> {
  return new Map(Object.entries(form.value) as [string, T][]);
}

// 使用示例
const formDataMap = formToMap<Answer>(this.form);

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