What is the difference between reduce and map in JavaScript?

What is the difference between reduce and map in JavaScript?

The map function creates a new array by applying a function to each element of the original array, while reduce executes a reducer function on each element of the array, resulting in a single output value.

Can you give me an example of how to use both?

Sure! For map, you might use it like this: const doubled = arr.map(num => num * 2); For reduce, it could look like this: const sum = arr.reduce((acc, num) => acc + num, 0);

When should I use reduce instead of map?

Use map when you want to transform each element into a new array. Use reduce when you want to accumulate a single result from the array.

Are there any performance differences between them?

Generally, map and reduce have similar performance, but reduce can be more complex and may have a slight overhead due to its accumulator function.