How to use both map and reduce in same function in javascript?

Question

I would like to display the value 122 of amount but I don't know how to do that.

I have this value

const products = [
  {
    id: 1,
    productM: [
      {
        product: {
          productId: 1222,
          price: {
            currency: 'EUR',
            amount: 122,
          },
        },
      },
    ],
    label: 'corner-1',
    sourceId: 23333,
  },
]

I tried this function but it's not working and I don't know how to do that

function getTotalPrice(products) {
  const arr = products.map((product) =>
    product.productM.map((p) => p.price.amount)
  );
  return arr.reduce(
    (accumulator, product) => accumulator + product,
    0
  );
}

If anyone can help, many thanks

The elements in product.productM do not have a price property. They only have a product property. — Sebastian Simon
– Sebastian Simon, Commented Nov 26, 2021 at 15:41

Link Strifer · Accepted Answer · 2021-11-26 15:44:51Z

2

I think this will work, you assumed that p was product but in reality p is the whole object, try this:

function getTotalPrice(products) {
  const arr = products.map((product) =>
    product.productM.reduce(
      (total, { product }) => total + product.price.amount,
      0
    )
  );
  return arr.reduce((accumulator, product) => accumulator + product, 0);
}

ProductM is an array so I changed it from map to a reduce, to sum all the productsM prices in it

answered Nov 26, 2021 at 15:44

Link Strifer

5751 gold badge3 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amila Senadheera · Accepted Answer · 2021-11-26 16:06:26Z

1

Instead of map and reduce. You can use reduce only.

Since products is nested one more level, you can use reduce twice to get it done.

Try like this.

function getTotalPrice(products) {
    return products.reduce((prev, curr) => {
        return (
            prev +
            curr.productM.reduce((innerPrev, innerCurr) => {
                return innerPrev + innerCurr.product.price.amount;
            }, 0)
        );
    }, 0);
}

edited Nov 26, 2021 at 16:06

answered Nov 26, 2021 at 16:00

Amila Senadheera

13.4k16 gold badges31 silver badges48 bronze badges

Comments

Vi100 · Accepted Answer · 2021-11-26 15:55:18Z

0

You don't need to map anything, you can reduce directly over the original array:

function getTotalPrice(products) {
  return products.reduce((acc, p) => acc + p.productM.product.price.amount, 0);
}

answered Nov 26, 2021 at 15:55

Vi100

4,2241 gold badge34 silver badges45 bronze badges

Collectives™ on Stack Overflow

How to use both map and reduce in same function in javascript?

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related