How do map and forEach compare in performance?

Can you explain the performance differences between map and forEach in JavaScript?

Sure! Both map and forEach are used to iterate over arrays, but they serve different purposes. Map creates a new array with the results of calling a function on every element, while forEach executes a provided function once for each array element without returning a new array.

Which one is faster for large arrays?

In general, forEach can be slightly faster than map because it doesn't create a new array. However, the performance difference is often negligible unless you're working with very large datasets.

Are there any scenarios where I should prefer one over the other?

Yes! Use map when you need to transform data and create a new array. Use forEach when you want to perform side effects, like logging or modifying external variables, without needing a new array.

Can you provide a code example for both?

Absolutely! Here's an example:

Using map:

const numbers = [1, 2, 3];
const doubled = numbers.map(num => num * 2);

Using forEach:

const numbers = [1, 2, 3];
numbers.forEach(num => console.log(num * 2));