如何構造項目數組以創建對象數組

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}));