JS中常见的循环

在JavaScript中，有几种常见的循环结构可以用来重复执行代码块。以下是对每种循环的详细解释：

1. for循环：for循环是最常见的循环类型之一，它允许我们定义一个初始化语句、一个条件表达式以及一个更新表达式。循环会根据条件表达式的结果重复执行代码块，直到条件为假为止。

   for (let i = 0; i < 5; i++) {
     console.log(i); // 打印数字从 0 到 4
   }
   

   这个循环将打印出数字 0 到 4。

2. while循环：while循环会在给定条件为真时重复执行代码块，与for循环不同，它只包含一个条件表达式，没有初始化和更新表达式。

   let i = 0;
   while (i < 5) {
     console.log(i); // 打印数字从 0 到 4
     i++;
   }
   

   这个循环也会打印出数字 0 到 4。

3. do...while循环：do...while循环与while循环类似，区别在于它会先执行一次代码块，然后再检查条件是否为真。如果条件为真，就会继续重复执行。

   let i = 0;
   do {
     console.log(i); // 打印数字从 0 到 4
     i++;
   } while (i < 5);
   

   这个循环同样会打印出数字 0 到 4。

4. for...in循环：for...in循环用于遍历对象的可枚举属性。它会迭代对象的每个属性，并将属性名称赋值给指定的变量。

   const person = {
     name: 'John',
     age: 30,
     city: 'New York'
   };
   
   for (let key in person) { 
     console.log(key + ':', person[key]); // 打印对象 person 的属性和对应的值
   }
   

   这个循环将打印出对象person的每个属性和对应的值。

5. for...of循环：for...of循环用于遍历可迭代对象（如数组、字符串等）。它会迭代对象的每个元素，并将元素的值赋值给指定的变量。

   const arr = [1, 2, 3, 4];
   
   for (let num of arr) {
     console.log(num); // 打印数组 arr 中的每个元素
   }
   

   这个循环将打印出数组arr中的每个元素。