Angular使用FormGroup提交嵌套数组至Java后端时Double类型反序列化失败的解决方法

这个错误Cannot deserialize value of type java.lang.Double from Object value的核心原因是前端提交的JSON数据结构和后端实体类期望的不匹配——后端期望数组元素是纯数字（Double类型），但实际收到的是对象（比如{value: 1}这类结构），Jackson无法把对象转换成Double。

下面分步骤帮你排查和解决：

1. 先确认实际发送的JSON结构 #

打开浏览器开发者工具的「Network」标签，找到提交请求，查看「Request Payload」：

• 如果看到类似targetFunctionValues: [{value:1}, {value:2}]的结构，说明问题出在FormArray的构建或值的提取上；
• 如果和你给出的[1,2,3,4,5]完全一致，那再检查后端的Jackson配置（不过这种情况概率很低）。

2. 修复前端FormArray的构建方式 #

如果你的FormArray是用嵌套的FormGroup来包裹每个数值（比如为了表单验证或自定义控件），那原始的form.value会包含对象结构。你需要在提交前把数据转换成纯数值数组：

方案A：提交前转换数据结构 #

在调用HTTP请求前，手动提取每个控件的数值：

// 获取表单原始值
const formRawValue = this.yourFormGroup.value;

// 转换为后端期望的纯数值结构
const submitPayload = {
  targetFunctionValues: formRawValue.targetFunctionValues.map(item => 
    typeof item === 'object' ? item.value : item
  ),
  constraintsValues: formRawValue.constraintsValues.map(row => 
    row.map(col => typeof col === 'object' ? col.value : col)
  ),
  resultValues: formRawValue.resultValues.map(item => 
    typeof item === 'object' ? item.value : item
  )
};

// 发送转换后的 payload 到后端
this.http.post('/value/send-data', submitPayload).subscribe({
  next: () => console.log('数据提交成功'),
  error: err => console.error('提交失败', err)
});

方案B：直接用FormControl构建FormArray #

如果不需要嵌套的FormGroup，直接用FormControl来创建数组元素，这样form.value天然就是纯数值数组：

import { FormBuilder, FormGroup, FormArray, FormControl } from '@angular/forms';

// 初始化表单
constructor(private fb: FormBuilder) {
  // 构建目标函数值的FormArray
  const targetArray = this.fb.array([1,2,3,4,5].map(val => new FormControl(val)));
  
  // 构建约束矩阵的FormArray（二维数组）
  const constraintsArray = this.fb.array(
    [[1,2,3,4],[1,2,3,4]].map(row => 
      this.fb.array(row.map(val => new FormControl(val)))
    )
  );
  
  // 构建结果值的FormArray
  const resultArray = this.fb.array([1,2,3,4].map(val => new FormControl(val)));
  
  // 组装FormGroup
  this.yourFormGroup = this.fb.group({
    targetFunctionValues: targetArray,
    constraintsValues: constraintsArray,
    resultValues: resultArray
  });
}

这样直接提交this.yourFormGroup.value就能匹配后端的实体类结构。

3. 后端额外检查（可选） #

如果前端数据结构确认正确，但还是报错，可以检查后端的Jackson配置：

• 确保你的Spring Boot项目已经引入了spring-boot-starter-web（默认包含Jackson）；
• 可以在实体类的字段上添加@JsonProperty注解，明确映射JSON键名（不过你的键名已经和字段名一致，这一步通常不需要）：

public class MatricesValues { 
    @JsonProperty("targetFunctionValues")
    private List<Double> targetFunctionValues; 
    @JsonProperty("constraintsValues")
    private List<List<Double>> constraintsValues; 
    @JsonProperty("resultValues")
    private List<Double> resultValues; 
    // getter和setter省略
}

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