How do I get the total sum of nested arrays in Reactjs?

debugcn Published at Dev

Ahmad Ebrahim

I want to get the total price of nested arrays in a specific category e.g: Hot Drinks.

Here is a sample of what I have now, so I want to filter out and get the total price of Hot Drinks Category only.

[
  {
    totalPrice: 30,
    _id: '6014fa4324e125599eaa72b5',
    orderItems: [
      {
        _id: '6014fa4324e125599eaa747ss',
        category: 'Breakfast',
        name: 'food name 1',
        price: 3,
        qty: 1,
      },
      {
        _id: '6014fa4324e125599eaa747s5',
        category: 'Hot Drinks',
        name: 'drink name 1',
        price: 3,
        qty: 5,
      },
      {
        _id: '6014fa4324e125599eaa74767',
        category: 'Hot Drinks',
        name: 'drink name 2',
        price: 4,
        qty: 2,
      },
    ],
  },
  {
    totalPrice: 23,
    _id: '6014fa4324e125599eaa7276e',
    orderItems: [
      {
        _id: '6014fa4324e125599eaa747ss',
        category: 'Hot Drinks',
        name: 'drink name 1',
        price: 3,
        qty: 6,
      },
    ],
  },
]

Sagar Agrawal

You can apply a filter method on the array and then just add the values on the filtered array. Something like below:

let prod = [
    {
      totalPrice: 30,
      _id: '6014fa4324e125599eaa72b5',
      orderItems: [
           {
             _id: '6014fa4324e125599eaa747ss',
             category: 'Breakfast',
             name: 'food name 1',
             price: 3,
             qty: 1,
           },
           {
             _id: '6014fa4324e125599eaa747s5',
             category: 'Hot Drinks',
             name: 'drink name 1',
             price: 3,
             qty: 5,
           },
           {
             _id: '6014fa4324e125599eaa74767',
             category: 'Hot Drinks',
             name: 'drink name 2',
             price: 4,
             qty: 2,
           },
           ],
         },
         {
            totalPrice: 23,
            _id: '6014fa4324e125599eaa7276e',
            orderItems: [
              {
                _id: '6014fa4324e125599eaa747ss',
                category: 'Hot Drinks',
                name: 'drink name 1',
                price: 3,
                qty: 6,
              },
           ],
         },
       ];


  function getPriceByCategory(category, products) {
     let price = 0;

     products.forEach(orders => {
       orders.orderItems.filter(order => order.category == category).forEach(item => {
          price += item.price;
       });
     });

     return price;
  }

  const totalPrice = getPriceByCategory('Hot Drinks', prod);
  alert(totalPrice);

Sample JS Fiddle: https://jsfiddle.net/sagarag05/qwzju53f/9/

Collected from the Internet

Please contact [email protected] to delete if infringement.