What is the difference between map, filter, and reduce in JavaScript?

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

Sure! In JavaScript, map, filter, and reduce are array methods used for transforming data. map creates a new array by applying a function to each element, filter creates a new array with elements that pass a test, and reduce reduces an array to a single value based on a function.

Can you give me an example of how each of these methods works?

Of course! For map, if you have an array of numbers and want to double them, you can use array.map(num => num * 2). For filter, if you want to get only even numbers, you can use array.filter(num => num % 2 === 0). For reduce, if you want to sum all numbers, you can use array.reduce((acc, num) => acc + num, 0).

Are there any performance differences between these methods?

Yes, there can be performance differences. map and filter create new arrays, which can use more memory, while reduce can be more efficient as it can return a single value without creating a new array. However, the actual performance can depend on the size of the array and the complexity of the operations.