What are the differences between for...of and forEach in JavaScript?

Can you explain the differences between for...of and forEach in JavaScript?

Sure! The for...of loop is used to iterate over iterable objects like arrays, strings, and more, while forEach is a method that executes a provided function once for each array element.

When should I use for...of instead of forEach?

You should use for...of when you need to break out of the loop or when working with non-array iterables. forEach doesn't support breaking out of the loop.

Are there any performance differences between the two?

Generally, for...of can be faster than forEach, especially for large arrays, because it doesn't involve the overhead of a function call for each iteration.

Can I use for...of with objects?

No, for...of works with iterable objects. To iterate over object properties, you can use Object.keys() with forEach or a for...in loop.