JavaScript 中的所有循环的使用方式以及示例

在 JavaScript 中，有几种常见的循环结构可以用来遍历数组、对象或执行重复的操作。以下是常见的循环结构及其使用方式和示例：

1. for 循环：

   • 用于按指定次数重复执行一段代码。
   • 语法：for (initialization; condition; update) { // code to be executed }
   • 使用条件：当需要按照指定次数重复执行一段代码时。
   • 优势：可以在循环开始时初始化变量、设置循环条件和更新变量。
   • 示例：

   for (let i = 0; i < 5; i++) {
       console.log(i);
   }
   

2. while 循环：

   • 在条件为真时重复执行一段代码。
   • 语法：while (condition) { // code to be executed }
   • 使用条件：当在每次迭代之前需要检查条件是否为真时。
   • 优势：可以在代码块之外初始化循环条件，并在代码块内更新条件。
   • 示例：

   let i = 0;
   while (i < 5) {
       console.log(i);
       i++;
   }
   

3. do...while 循环：

   • 类似于 while 循环，但它会先执行一次代码块，然后检查条件，只要条件为真就会重复执行。
   • 语法：do { // code to be executed } while (condition);
   • 使用条件：当需要确保至少执行一次代码块后再检查条件时。
   • 优势：可以先执行代码块，然后再检查条件，确保代码块至少执行一次。
   • 示例：

   let i = 0;
   do {
       console.log(i);
       i++;
   } while (i < 5);
   

4. for...in 循环：

   • 用于遍历对象的可枚举属性。

   • 语法：for (const key in object) { // code to be executed }

   • 使用条件：当需要遍历对象的可枚举属性时。

   • 优势：可以轻松遍历对象的属性，适用于遍历对象的键值对。

   • 示例：

   const person = { name: 'John', age: 30 };
   for (const key in person) {
       console.log(`${key}: ${person[key]}`);
   }
   

5. for...of 循环：

   • 用于遍历可迭代对象（如数组、字符串等）的元素。
   • 语法：for (const element of iterable) { // code to be executed }
   • 使用条件：当需要遍历可迭代对象（如数组、字符串等）的元素时。
   • 优势：简洁地遍历数组或其他可迭代对象的元素，不需要索引或键。
   • 示例：

   const arr = [1, 2, 3];
   for (const num of arr) {
       console.log(num);
   }
   

以上是 JavaScript 中常见的循环结构及其使用方式和示例。根据不同的需求和场景，选择合适的循环结构来进行遍历或重复执行操作。