for 循环 in JavaScript

在编写 JavaScript 代码时，经常会需要重复执行某些操作。for 循环是一个非常强大的工具，它可以让我们轻松地实现这个目标。

for 循环语法

for 循环的基本语法如下所示：

for (初始化；条件；递增/递减) {
  // 需要重复执行的代码
}

首先，在 for 声明中定义了三个关键字：初始化、条件和递增/递减。

初始化会在循环开始前执行一次，用于设置循环计数器的初始值。

条件是在每次循环中评估的布尔表达式，如果条件为 true，那么循环将继续执行；否则，循环将退出。

递增/递减语句用于更新/递增循环计数器的值。

在循环中我们可以执行任何我们想要重复执行的代码，例如输出文本、执行条件语句等等。

下面是一个简单的 for 循环示例：

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

这个示例循环打印出 0 到 9 的数字。

for...in 循环

for...in 循环适用于枚举对象中的属性。

const person = { name: "John", age: 30, city: "New York" };
for (let property in person) {
  console.log(`${property}: ${person[property]}`);
}

这个示例循环输出对象 person 中的每个属性名和属性值。

for...of 循环

for...of 循环适用于遍历可迭代对象（如数组、字符串等）的元素。

const numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
  console.log(number);
}

这个示例循环输出数组 numbers 中的每个元素。

break 和 continue 语句

在循环中，break 语句用于立即退出循环，而 continue 语句用于跳过循环中的某个迭代。

以下是 break 和 continue 语句的示例：

for (let i = 0; i < 10; i++) {
  if (i === 3) {
    break; // 立即退出循环
  }
  if (i === 1) {
    continue; // 跳过本次循环
  }
  console.log(i);
}

这个示例打印出 0 和 2，因为当 i 的值为 1 时，本次循环被跳过，当 i 的值为 3 时，整个循环被立即退出。

总结

for 循环是 JavaScript 中非常重要的功能之一，掌握了它，可以让我们编写更加高效和优雅的代码。这种循环的语法比较容易，但同时也非常强大，我们可以使用它重复执行一些常见的任务，如打印、计数、搜索等等，同时在循环中使用 break 和 continue 还可以帮助我们更好地控制循环的执行流程。