How do map, filter, and reduce differ in JavaScript?

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

Sure! In JavaScript, map creates a new array by applying a function to each element of the original array. filter creates a new array with all elements that pass a test implemented by a provided function. reduce executes a reducer function on each element of the array, resulting in a single output value.

Can you give me an example of each?

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).

What are some use cases for each method?

map is great for transforming data, filter is useful for extracting specific items, and reduce is perfect for aggregating data into a single value.

Are there any performance differences between them?

Yes, performance can vary based on the size of the array and the complexity of the function used. Generally, map and filter create new arrays, while reduce can be more efficient for aggregating data since it processes the array in a single pass.