[英]How to map an object that contains arrays
i am new at javascript,so i have an object that contains three arrays and i want to map map it and list my data
const [Foods,setFoods] = useState({
"id_food":[1,2,3],
"name_food":["food1","food2","food3"],
"quantity":[10,22,12]
})
一个虚构的代码:
{ Foods.map((id,name,qte) =>(
<p>{id}{name}{qte}</p>
))}
Object.keys(Foods).forEach(prop => {
Foods[prop].map((item) => console.log(item));
});
也许是这样的:
Foods.id_food.map((id, i) => {
const name_food = Foods.name_food[i];
const quantity = Foods.quantity[i];
return <AwesomeReactComponent key={id} nameFood={name_food} quantity={quantity}/>;
});
let mappedArray = Foods.id_food.map((ele, i) => {
let name = Foods.name_food[i]
let quantity = Foods.quantity[i]
return {id: ele, name: name, quantity: quantity}
})
Output:
(3) [{…}, {…}, {…}]
0: {id: 1, name: "food1", quantity: 10}
1: {id: 2, name: "food2", quantity: 22}
2: {id: 3, name: "food3", quantity: 12}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.