What are the performance differences between various array iteration methods?

What are the performance differences between forEach, map, and for loops in JavaScript?

The performance can vary based on the method used. Generally, for loops are faster than forEach and map due to less overhead.

Why is forEach slower than a regular for loop?

forEach has additional function call overhead for each iteration, while a for loop executes the code directly.

Are there any scenarios where map is preferred over forEach?

Yes, map is preferred when you need to transform an array and return a new one, while forEach is for side effects.

Can you provide a code example comparing these methods?

Sure! Here's a simple example:

const arr = [1, 2, 3, 4];

// for loop
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

// forEach
arr.forEach(num => console.log(num));

// map
const doubled = arr.map(num => num * 2);
console.log(doubled);