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}放到一个数组变量里，最后将这个数组传递给后端