如何构造项目数组以创建对象数组

Question

我的服务器需要一个如下所示的对象：

{
    "name":"test",
    "detail":[
        {"iddetail":1},
        {"iddetail":2}
    ]
}

在前端，我有一个需要多个细节的控件：

<v-autocomplete
   v-model="items">
</v-autocomplete>

正如我的服务器所期望的那样：

 "detail":[
        {"iddetail":1},
        {"iddetail":2}
    ]

但我的前端返回：

items = [1,2]

我执行以下操作：

data.items.map(function(x){
   data.detail.push({iddetail:x})
});

这是可行的，但问题是是否可以以更简单、更有效的方式完成。

Answer 1

const items = [1,2];
const data = {
   name: '...',
   detail: items.map( i => ({iddetail:i}) )
};

当然，在 api 和前端代码之间使用类似的格式总是更方便，但小的转换就足够了

Answer 2

不确定，但也许这个

data.detail = items.map((x) => ({iddetail:x}));