What is the difference between reduce and filter in JavaScript?

Can you explain the difference between reduce and filter in JavaScript?

Sure! The filter method creates a new array with all elements that pass the test implemented by the provided function, 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 methods?

Absolutely! For filter, you might use it like this: const evens = numbers.filter(num => num % 2 === 0); For reduce, it could look like this: const sum = numbers.reduce((acc, num) => acc + num, 0);

When should I use reduce instead of filter?

Use reduce when you want to derive a single value from an array, like a sum or an object. Use filter when you want to create a subset of the array based on a condition.

Are there any performance differences between them?

Yes, performance can vary based on the size of the array and the complexity of the callback functions. Generally, filter and reduce have similar performance, but reduce can be more efficient if you need to perform multiple operations in one pass.