如何用vue制作對象數組？

Question

我有一個像這樣的array: [ 50, 140, 60, 160 ]

我有一個像這樣的 object

getcontract: {
  id: 1,
  supplier_a: "Supplier A"
}

我想制作對象數組，所以它會變成這樣

array : [
{ id:1, supplier_a: "Supplier A", price: 50 },
{ id:1, supplier_a: "Supplier A", price: 140 },
{ id:1, supplier_a: "Supplier A", price: 60 },
{ id:1, supplier_a: "Supplier A", price: 160 }
]

怎么做？ 這是我的 jsfiddle https://jsfiddle.net/damakuro221/h6tvzrdf/15/

Answer 1

一個 map 應該足夠了

 const array = [50, 140, 60, 160]; const getcontract = { id: 1, supplier_a: "Supplier A" } const result = array.map(price => ({...getcontract, price })); console.log(result);

Answer 2

您可以使用array.map()將 map 數組中的每個值轉換為新的 object。

在新的 object 中，我們使用...contract復制合同，然后我們通過價格 append price: num

 const contract = { id: 1, supplier_a: "Supplier A" }; const arr = [50, 140, 60, 160]; const result = arr.map((num) => { return {...contract, price: num }; }); console.log(result);

Answer 3

我想如果你更清楚..

array.map(price => { return { 
                         _id: contract._id, 
                         supplier_a: contact.supplier_a, 
                         price: price 
                       } 
                    })