Javascript 如何使用vue制作对象数组?
我有一个这样的数组Javascript 如何使用vue制作对象数组?,javascript,vue.js,Javascript,Vue.js,我有一个这样的数组数组:[5014060160] 我有一个这样的物体 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: "
数组:[5014060160]
我有一个这样的物体
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 }
]
我想制作一个对象数组,所以它会变成这样
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 }
]
怎么做?这是我的JSFIDLE一张地图就足够了
const数组=[50140,60160];
const getcontract={
id:1,
供应商a:“供应商a”
}
const result=array.map(price=>({…getcontract,
价格
}));
控制台日志(结果)代码>可用于将数组中的每个值映射到新对象
在新对象中,我们使用…contract
复制合同,然后通过price:num
追加价格
const合同={
id:1,
供应商a:“供应商a”
};
常数arr=[50,140,60,160];
常量结果=arr.map((num)=>{
返回{
…合同,
价格:num
};
});
控制台日志(结果)代码>我想如果你
array.map(price => { return {
_id: contract._id,
supplier_a: contact.supplier_a,
price: price
}
})
你试过什么,到底有什么问题?请注意,您并没有向数组中添加属性,而是创建了一个对象数组。@jonrsharpe抱歉,我有点困惑