有点后知后觉来解释你的问题：
在 Javascript 中，对象（其中包括数组）以 key-value 对的形式存储属性。这意味着每个分配的值都有一个键（属性名称）来访问它。
例如在
person[name] = 'Tom'
person 是 Object，name 是键，'Tom' 是对应的值。
数组使用索引（即数字）作为键：
array[5] = 10
现在，在下面的解释中记住这一点。
让我们从传统的for循环开始：
for(let i = 0; i < array.length; i++) {...}
这种迭代数组的方式是最古老的（只要你不使用while循环）
您会发现用几乎任何（命令式）编程语言编写 for 循环的相应方法。您会注意到，它的工作方式非常明确。例如。您可以将 break-condition i < array.length 更改为其他内容（例如 i < array.length-1 用于跳过最后一个位置）或步骤 i++（例如更改为 i+=2），或者从不同的索引（例如let i = 5）。如果需要，您可以在数组中向后而不是向前迭代。几乎可以在另一个 for 循环中执行的任何操作，如果您知道怎么做，您也可以在这种循环中执行。
在括号 {...} 内，您可以使用 i 作为 key 来访问数组 values
现在这一切都非常强大和漂亮，但每次都编写起来很麻烦，尤其是在大多数情况下，您只想遍历数组。但幸运的是，我们有 for-in：
For-in 将检索您自己设置的所有键。使用数组，您可以使用它来实现与上述相同的结果
for(let i in array) {...}
但是请注意，for-in 不仅会为您提供数组中的数字键。它也适用于您在任何对象上设置的其他键：
let object = {
key1 : 'value',
key2 : 'value'
}
for(let i in object) {
console.log(i)
}
将注销'key1' 和'key2'（是的，这里的键也是字符串）。
如需更准确地描述它将为您提供哪些键，请查看下面的链接。
什么时候使用 for-in？每当您想为数组的每个元素/（几乎）对象的每个属性调用一次代码时。例如。当您想将数组中的所有值递增 1 时。
什么时候不使用for-in？如果您需要对遍历数组的顺序进行更精细的控制，或者您不想点击数组的所有元素，而只想每秒钟/三次点击一次，请不要使用它。
对于 for-in 循环的优秀资源，我推荐 Mozilla Developer Network
那么，什么是 for-of 循环呢？
For-of 循环在语法上（即您编写它们的方式）与 for-in 循环非常相似：
for(let v of array) {...}
然而，一方面，它们只适用于所谓的 iterable 对象（数组是可迭代的）。其次，您只能获得值。他们不会再给你任何钥匙了！
let array = ['a', 'b', 'c']
for(let v of array) {
console.log(v)
}
记录'a'、'b' 和'c'。你不会再知道这些值有什么键！
那么，什么时候使用这些？每次您只需要值而不关心键时。例如。如果您只想打印值。
什么时候不使用它们？如果要交换数组的元素，如果要反转顺序。您甚至不能将值加 1 并将它们存储回数组中，因为为此，您需要知道它们对应的键。
有关 for-in 循环以及可迭代的实际含义的更多信息，我再次推荐MDN