What is the difference between a for-of loop and a for loop in JavaScript?

What is the difference between a for-of loop and a for loop in JavaScript?

The for-of loop iterates over iterable objects like arrays, while the for loop iterates over a range of numbers or array indices.

Can you give me an example of both loops?

Sure! For a for loop: for (let i = 0; i < arr.length; i++) { console.log(arr[i]); }. For a for-of loop: for (const item of arr) { console.log(item); }.

When should I use one over the other?

Use for-of when you need to iterate over values directly, and for when you need the index or to control the iteration more precisely.

Are there any performance differences between them?

Generally, for loops can be faster for large datasets since they have less overhead, but for-of loops are more readable and easier to use.