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

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

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

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

在前端，我有一个控件，它包含多个详细信息：

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

但我的前端返回：

items = [1,2]

我做了以下工作：

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

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

这是可行的，但问题是能否以更简单、更有效的方式实现

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

---

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

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