JS中的for...in和for...of：深入解析

在JavaScript的前端开发中，我们经常需要遍历数组或对象来处理数据。为了实现这一目的，JavaScript提供了两种不同的循环语句：for…in和for…of。尽管它们在表面上看起来相似，但它们的工作原理和适用场景是不同的。本文将深入解析这两种循环语句，并提供相应的源代码示例。

for…in 循环

for…in循环用于遍历对象的可枚举属性。它的语法形式如下：

for (variable in object) {
   
  // 循环体
}

其中，variable是一个变量，每次循环迭代时，它将被赋值为对象的一个可枚举属性名。object是要遍历的对象。

下面是一个示例，展示了如何使用for…in循环遍历对象：