0

这两个是相同的还是可以互换的?

有哪些用例会让人选择其中一个?

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

例子

完成解决方案,以便该函数将打破驼峰式大小写,在单词之间使用空格。

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

如果我们使用这个例子,除了性能优势(如果有的话),为什么有人会使用一个循环而不是另一个循环?

如果还有任何其他示例/实例也很好。

4

2 回答 2

3

有点后知后觉来解释你的问题:

在 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++(例如 to 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) {...}

然而,一方面,它们只适用于所谓的可迭代对象(数组是可迭代的)。其次,你只得到values。他们不再会给你任何钥匙!

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

日志和。'a'_ 您将不再知道这些值有什么键!'b''c'

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

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

于 2020-03-30T07:28:16.863 回答
0

您必须考虑的唯一关键区别是

  • 假设您想从特定索引开始循环,您可以使用传统的 for 循环而不是使用for...of.

  • 您不能本机访问数组元素的索引。您需要寻求解决方法来实现这一目标。

      //Cannot access indices
      for(const num of [11,22,33,44,55]){
         console.log(num);
      }
    
    
      //Workaround
      for(const [index, num] of [11,22,33,44,55].entries()){
         console.log(num, index);
      }
    
于 2022-01-20T02:11:05.250 回答