What is the difference between map and filter in JavaScript?

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

Sure! The map method creates a new array by applying a function to each element of the original array, while filter creates a new array containing only the elements that pass a certain condition.

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

Of course! For map, you might use it to double each number in an array: const doubled = numbers.map(num => num * 2);. For filter, you could use it to get only even numbers: const evens = numbers.filter(num => num % 2 === 0);.

Are there any performance differences between them?

Yes, since map and filter serve different purposes, their performance can vary based on the size of the array and the complexity of the function used. Generally, map will always iterate through the entire array, while filter will only include elements that meet the condition.

Can I chain them together?

Absolutely! You can chain them like this: const result = numbers.map(num => num * 2).filter(num => num > 5); This first doubles the numbers and then filters out those that are not greater than 5.