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

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

Sure! The for...of loop is used to iterate over iterable objects like arrays, while for...in is used for iterating over the keys of an object.

Can you give me an example of each?

Absolutely! For example, with for...of:

const arr = [1, 2, 3];
for (const num of arr) {
  console.log(num);
}

And for for...in:

const obj = {a: 1, b: 2};
for (const key in obj) {
  console.log(key);
}

What happens if I use for...in on an array?

Using for...in on an array will iterate over the array's indices, which can lead to unexpected results if the array has non-numeric properties.

So, it's better to use for...of for arrays?

Yes, exactly! for...of is specifically designed for iterating over iterable objects like arrays, making it the better choice.