使用foreach（）在后端找到猫中物品的价格

Question

我正在尝试将付款网关系统实现到我正在从事的项目中，我需要将购物车总计在后端而不是在前端。我正在尝试使用foreach（）和redain（）来完成此操作。我正在努力的部分是通过我所有产品的_id s进行过滤，然后找到与购物车中与我的物品关联的_ids（cartinfo ），然后从那里获取_ids与购物车中项目的_ids匹配的项目的价格。下面，我包括到目前为止的内容。我非常感谢有关如何执行此操作的任何帮助或指导。谢谢你！

const total = products.forEach(x => {
    if (x._id === cartInfo._id) {
      const itemsTotal = x.price * cartInfo.qty
      }
    })
  
const sum = itemsTotal.reduce((a, b) => a + b, 0)

产品是所有产品的数组，cartinfo包含_id s and QTY s购物车中的产品。

Cartinfo的示例：

0: {_id: '624bc7fe0f91078261ab6529', qty: 1}
1: {_id: '624bc8240f91078261ab6531', qty: 2}

产品示例：

0: {_id: '624bc7fe0f91078261ab6529', name: sample 1, price: 30, countInStock: 10}
1: {_id: '624bc8240f91078261ab6531', name: sample 2, price 10, countInStock: 4}
2: {_id: '624bc1a50f91078261ab650d', name: sample 3, price 15, countInStock: 1}
3: {_id: '62562017645f1882e45adc32', name: sample 4, price 20, countInStock: 7}

Answer 1

为了获得可读性和循环优化，我更喜欢为... 语句的简单用于此类方案：

let cartInfo = [
  {
    _id: `624bc7fe0f91078261ab6529`,
    qty: 1
  },
  {
    _id: `624bc8240f91078261ab6531`,
    qty: 2
  },
];

let products = [
  {
    _id: `624bc7fe0f91078261ab6529`,
    name: `sample 1`,
    price: 30,
    countInStock: 10
  },
  {
    _id: `624bc8240f91078261ab6531`,
    name: `sample 2`,
    price: 10,
    countInStock: 4
  },
  {
    _id: `624bc1a50f91078261ab650d`,
    name: `sample 3`,
    price: 15,
    countInStock: 1
  },
  {
    _id: `62562017645f1882e45adc32`,
    name: `sample 4`,
    price: 20,
    countInStock: 7
  },
];

let cartTotalPrice = 0;

for (cartItem of cartInfo) {
  for (product of products) {
    if (cartItem._id === product._id) {
      cartTotalPrice += (product.price * cartItem.qty);
      break;
    };
  };
};

console.log(cartTotalPrice);

该解决方案的可读性方面是主观的，但是我认为此代码看起来更加人性化 -比方法和回调功能友好。

此处使用的语句的还将提供使用break语句分解给定循环的能力。因此，在此上下文中，如果购物车中的一个项目与循环的嵌套迭代中的产品数组中的项目匹配，则不会针对该项目产品阵列在随后的循环中再次。有了这个特定的数据集和解决方案，这将使整体循环从8到3下降到3。您可能可以想象，随着较大的购物车尺寸和产品目录，性能优势将非常重要。

希望这会有所帮助。

Answer 2

因此，专门使用要使用的方法。您可以做类似的事情。我更改的主要内容是首先迭代购物车，然后使用查找方法将购物车ID与产品ID匹配。

const cart = [{
    _id: '624bc7fe0f91078261ab6529',
    qty: 1
  },
  {
    _id: '624bc8240f91078261ab6531',
    qty: 2
  }
]

const products = [{
    _id: '624bc7fe0f91078261ab6529',
    name: 'sample 1',
    price: 30,
    countInStock: 10
  },
  {
    _id: '624bc8240f91078261ab6531',
    name: 'sample 2',
    price: 10,
    countInStock: 4
  },
  {
    _id: '624bc1a50f91078261ab650d',
    name: 'sample 3',
    price: 15,
    countInStock: 1
  },
  {
    _id: '62562017645f1882e45adc32',
    name: 'sample 4',
    price: 20,
    countInStock: 7
  }
]

const cartTotals = [];
cart.forEach((product) => {
  const matchedProduct = products.find(element => element._id === product._id);
  if (matchedProduct) {
    cartTotals.push(product.qty * matchedProduct.price);
  }
});

console.log(cartTotals)

const totalAmount = cartTotals.reduce((a, b) => a + b, 0);

console.log(totalAmount);

Answer 3

您可以使用这样的单个foreach来完成此操作：

let total = 0;
cartInfo.forEach(productInCart => {
  const product = products.find(productExtended => productExtended.id === productInCart.id);
  total += product.price * productInCart.qty;
});

但是我建议将产品的价格存储在Cartinfo中，这样，在计数总数时，您根本不需要访问产品

Answer 4

尝试使用降低功能

const total = cartInfo.reduce((totalValue, currentCartItem) => {
  const foundProduct = products.find(product => product._id === currentCartItem._id);
  if (foundProduct) {
    totalValue += foundProduct.price * currentCartItem.qty
 }
}, 0);

Answer 5

这是一个示例，您可以在其中获得每个项目的小计，然后总计：

const cartInfo = [
  {_id: '624bc7fe0f91078261ab6529', qty: 1},
  {_id: '624bc8240f91078261ab6531', qty: 2}
]

const products = [
  {_id: '624bc7fe0f91078261ab6529', name: 'sample 1', price: 30, countInStock: 10},
  {_id: '624bc8240f91078261ab6531', name: 'sample 2', price: 10, countInStock: 4},
  {_id: '624bc1a50f91078261ab650d', name: 'sample 3', price: 15, countInStock: 1},
  {_id: '62562017645f1882e45adc32', name: 'sample 4', price: 20, countInStock: 7}
]

let subtotals = cartInfo.map(({_id, qty}) => {
  return { _id, subtotal: qty * products.find(p => p._id === _id).price }
})

let total = subtotals.reduce((total, item) => item.subtotal + total, 0)

console.log('Subtotals:', subtotals)
console.log('Total:', total)