解释 JavaScript 中 for(..in) 和 for(..of) 语句的区别。

通常在 JavaScript 脚本中，我们迭代少数内置类的一些对象，如数组、字典、字符串、映射等。我们使用循环来迭代对象。 JavaScript 支持不同类型的循环：

• for 循环
• for (..in) 循环
• for (..of) 循环
• while 循环
• do-while 循环

在本文中，我们将了解 for (..in) 和 for (..of) 循环之间的区别。

for (..in) 循环： JavaScript for (..in) 语句循环遍历对象的可枚举属性。循环将遍历对象本身的所有可枚举属性以及对象从其构造函数的原型继承的那些属性。

• 句法

  for (variable in object)
    statement

• 例子

    
  
      
      
          var person = {
              firstName: "GeeksforGeeks",
              lastName: "<br>A Computer Science Portal for Geeks ",
              rank: 43
          };
          var userId = "";
          var i;
          for (i in person) {
              userId += person[i];
          }
          document.getElementById("demo").innerHTML = userId;
      
  
    

输出：如您所见，for (..in) 循环仅迭代字典对象的属性或值。

GeeksforGeeks
A Computer Science Portal for Geeks 43

for (..of) 循环：这个 for (..of) 语句让您可以循环遍历可迭代的数据结构，例如数组、字符串、映射、节点列表等。它调用一个自定义迭代钩子，其中包含在对象的每个属性的值上执行的指令。

• 句法

  for (variable of iterable) {
    statement
  }
  

• 例子

      
          
          
          var text = [
              "GeeksforGeeks",
              " A Computer Science Portal for Geeks ", 
              "43"
              ];
          var userId = "";
          var i;
          for (i of text) {
          userId+=i;
          }
          document.getElementById("demo").innerHTML = userId;
          
      
                      

• 输出：如您所见，for (..of) 循环仅迭代 Array 对象的内容。

  GeeksforGeeks A Computer Science Portal for Geeks 43