Using a for..of loop is cleaner.

A for..of loop may look cleaner to you but it has a different meaning than a for loop! Here's the example array we'll use for the sake of simplicity because we can technically use for..in with arrays:

let arr = [5, 3, 78, 45, 312];

Our expanded array would look like this, with the left column being keys and the right being our values:

0 : 5
1 : 3
2 : 78
3 : 45
4 : 312

Let's break these two loops, and for..in, down really quick:

1. for..in
   • This loop is specifically to get the keys only that are in a data structure.
   • This loop would only return the left column.
2. for..of
   • This loop is specifically to get the only the values of the data in a structure.
   • This loop would only return the right column.
3. for loop
   • This loop is very versatile comparably, you can change 3 different variables.
   • This loop also will return both keys and values, aka both of our columns.

Each of the three is great for their own unique reasons, so it's important to choose your for loop carefully so that it best serves you and your code!