前端转换后端返回的数据结构

背景 前两天做项目的时候遇到一个需要转换数据结构的问题，记录一下。

后端（java)要求返给他的结构是这样的：

{
    "optionsList":[
        {
            "optDesc":"选项1"
        },
        {
            "optDesc":"选项2"
        }
    ],
    "question":{
        "queDesc":"你是大学生吗",
        "isHot":2
    }
}

我返给后端的代码结构是这样的：

分析：

optionsList是一个数组，这个数组里有两个对象

question是一个对象，对象里有两个属性，对象里有两个属性

怎么做

1、创建一个数组； 2、给数组里添加对象； 3、给对象添加属性

示例代码如下：

let new_que = [
  {
    optDesc: formInline.optDesc
  }
]
let new_ques = {
  queDesc: formInline.queDesc,
  queCode: formInline.queCode,
  itemType: formInline.itemType,
  isHot: formInline.isHot
}
addQueAndOpt({optionsList: new_que, question: new_ques}).then((res) => {
    const {code} = res
    if (code === 200) {
      Message.success({
        showClose: true,
        message: `新增成功`
      })
      this.getPageData()
    } else {
      Message.error({
        showClose: true,
        message: `新增失败`
      })
    }
  })
}