Je suis bloqué en montrant la page du panier où les produits sont répertoriés et qui ont été ajoutés au panier par les utilisateurs. J'ai deux tableaux: un avec les détails du produit.
productDetails: [
{
productID: 1,
productTitle: 'Product Title 1',
productPrice: 2000
},
{
productID: 2,
productTitle: 'Product Title 2',
productPrice: 5000
},
{
productID: 3,
productTitle: 'Product Title 3',
productPrice: 1000
},
{
productID: 4,
productTitle: 'Product Title 4',
productPrice: 10000
}
],
Un autre avec le panier Détails du produit dont le produit ID et la quantité sont sélectionnés par les utilisateurs uniquement.
cartProducts: [
{
productID: 1,
quantity: 5,
},
{
productID: 3,
quantity: 2,
}
]
J'ai filtré tous les produits que l'utilisateur a sélectionnés.
cartItemDetails() {
return this.productDetails.filter(
el => this.cartProducts.some(f => f.id === el.productID),
);
},
Cette fonction donne les détails du produit des ID produit 1 et 3. Ce que je veux, c'est un nouveau tableau qui ajoute l'attribut quantité du tableau cartProducts au tableau productDetails.
newArray: [
{
productID: 1,
productTitle: 'Product Title 1',
productPrice: 2000,
quantity:5
},
{
productID: 3,
productTitle: 'Product Title 3',
productPrice: 1000,
quantity:5
}
]
J'espère avoir clarifié mes questions. J'essaie également de résoudre ce problème avec la méthode javascript de la carte, mais cela ne fonctionne pas.
Cordialement,