vue，前端的数据和后台要求的数据不一致该咋整？

Question

现在做一个下拉多选的，如图，选中的id为[2,3]

可后台要求数据是这样的：

[
    {
        "appId":2,
        "direction":"1"
    },                    
    {
        "appId":3,
        "direction":"1"
    },
]

其中direction是死的始终为1，我该怎样去改成后端想要的格式？

Answer 1

var data=[2,3].map(r=>{return {'appid':r,'direction':'1'}});console.log(data)

Answer 2

function handleData(data) {
  let _data = data.map(item => {
    return {
      'appid': item,
      'direction': '1'
    }
  })
  return _data;
}

Answer 3

js去构造后端需要的数组，foreach你下拉列表中拿到的[2,3]（举个例子），每次将{appId:foreachItem,direction:1}放到一个数组变量里，最后将这个数组传递给后端