Can you explain array reduce with arrow functions?

Can you explain how the array reduce method works with arrow functions?

Sure! The reduce method executes a reducer function on each element of the array, resulting in a single output value. With arrow functions, it looks cleaner. For example: array.reduce((acc, curr) => acc + curr, 0) sums up all elements.

What does the acc and curr represent in that example?

In that example, acc is the accumulator that holds the accumulated value, and curr is the current element being processed in the array.

Can you give me a more complex example using objects?

Absolutely! Suppose you have an array of objects representing products: [{name: 'apple', price: 10}, {name: 'banana', price: 5}]. You can use reduce to calculate the total price like this: products.reduce((total, product) => total + product.price, 0).

How does the initial value affect the reduce function?

The initial value sets the starting point for the accumulator. If you don't provide one, the first element of the array will be used as the initial value, and the reduction starts from the second element.