For-Of 循环与 For 循环

Question

这两者是相同的还是可以互换的？

在哪些用例中，人们会选择其中一种而不是另一种？

for(let i of array){some code}

for(let i = 0; i < array.length; i++){some code}

例子

完成该解决方案，以便该函数将使用单词之间的空格来分解驼峰式大小写。

solution("camelCasing") == "camel Casing"

如果我们使用这个例子，除了性能优势（如果有的话）之外，为什么有人会使用一个循环而不是另一个循环？

如果有任何其他示例/实例，那就太好了。

Answer 1

一些背景知识来解释你的问题：

在 Javascript 中，对象（其中包括数组）以键值对的形式存储属性。这意味着每个分配的值都有一个键（属性名称）来访问它。例如在

person[name] = 'Tom'

person是Object、namekey和'Tom'对应的value。

数组使用索引（即数字）作为键：

array[5] = 10

现在，请在以下解释中记住这一点。

让我们从传统的for 循环开始：

for(let i = 0; i < array.length; i++) {...}

这种迭代数组的方法是最古老的方法（只要您不使用 while 循环），您将在几乎任何（命令式）编程语言中找到编写 for 循环的相应方法。您会注意到，它的工作方式非常明确。例如，您可以将中断条件 i < array.length更改为其他内容（例如i < array.length-1，跳过最后一个位置）或步骤i++（例如，更改为i+=2），或者从不同的索引开始（例如let i = 5）。如果需要，您可以向后而不是向前迭代数组。几乎任何你可以在另一个 for 循环中完成的事情，你也可以在这种类型中完成，如果你知道如何做的话。

{...}然后，您可以将括号内的内容用作访问数组值的i键

现在这一切都非常强大和美好，但每次编写都会变得很麻烦，特别是在大多数情况下您只想迭代数组时。但幸运的是我们有 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) {...}

然而，一方面，它们仅适用于所谓的可迭代对象（数组是可迭代的）。其次，您只能获得值。他们不会再给你任何钥匙了！

let array = ['a', 'b', 'c']
for(let v of array) {
    console.log(v)
}

日志'a','b'和'c'. 您将不再知道这些值有什么键！

那么，什么时候使用这些呢？每次你只需要值而不关心键。例如，如果您只想打印值。什么时候不使用它们？如果你想交换数组的元素，如果你想颠倒顺序。您甚至无法将值加 1 并将它们存储回数组中，因为为此，您需要知道它们对应的键。

有关 for-in 循环以及 iterable 实际含义的更多信息，我再次推荐MDN