JS的三种循环

在JavaScript中，有三种不同的循环结构：for、for...of和for...in。

1.for 循环是最常见和最基本的循环结构。它使用计数器变量来迭代指定次数的操作。以下是 for 循环的语法：

for (初始化表达式; 条件表达式; 更新表达式) { // 在循环中执行的代码 }

其中，初始化表达式用于设置初始值，条件表达式用于定义循环的结束条件，更新表达式用于更新计数器变量的值。当条件表达式为真时，循环会继续执行，直到条件表达式为假为止。

2.for...of 循环用于遍历可迭代对象（如数组、字符串、Map、Set等）中的元素。它提供了一种简洁的方式来迭代数据集合。以下是 for...of 循环的语法：

for (let 变量 of 可迭代对象) { // 在循环中执行的代码 }

在每次迭代中，变量 将被赋值为当前元素的值。循环将继续迭代直到所有元素都被遍历完。

3.for...in 循环用于遍历对象的可枚举属性。它会迭代对象自身的属性以及继承的属性（如果对象是从其他对象继承而来的）。以下是 for...in 循环的语法：

for (let 属性名 in 对象) { // 在循环中执行的代码 }

在每次迭代中，属性名 将被赋值为当前属性的名称。循环将继续迭代直到所有可枚举属性都被遍历完。