What are the differences between filter and reduce in JavaScript?

Can you explain the differences between filter and reduce 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?

Of course! 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 would I use one over the other?

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

Are there any performance differences between them?

Generally, filter and reduce have similar performance, but it depends on the size of the array and the complexity of the callback functions. It's best to choose based on the task at hand.