JavaScript中的for循环

JavaScript中的for循环是用于重复执行一段代码的常见方式。它通常由一个循环条件、一个初始化表达式和一个更新表达式组成。这个循环条件将用来测试是否应当继续执行循环体内的代码。

基础语法

以下是一个标准的for循环语法：

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

示例：

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

输出：

0
1
2
3
4
5
6
7
8
9

上面的代码中，我们从0开始，以1为步长，循环10次。每个循环周期中，我们输出循环计数器i的值。

循环中的 break 和 continue 语句

在循环中，我们可以使用 break 和 continue 语句控制循环的执行。

break 语句用于中断循环，将控制权返回给循环之外的代码。示例：

for (var i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

输出：

0
1
2
3
4

continue 语句用于跳过一次循环中的代码，执行下一次循环。示例：

for (var i = 0; i < 10; i++) {
  if (i === 5) {
    continue;
  }
  console.log(i);
}

输出：

0
1
2
3
4
6
7
8
9

for...in 循环和 for...of 循环

在ES6之前，通常使用 for...in 循环对对象进行迭代。这将循环对象的每个可枚举属性，并在每个属性上执行一些代码。示例：

var obj = { a: 1, b: 2, c: 3 };

for (var prop in obj) {
  console.log(prop + ': ' + obj[prop]);
}

输出：

a: 1
b: 2
c: 3

在ES6中，我们也可以使用 for...of 循环迭代可迭代对象（例如数组、字符串、Map、Set等）。示例：

var arr = [1, 2, 3];

for (var val of arr) {
  console.log(val);
}

输出：

1
2
3

总结

以上是JavaScript中for循环的基本语法、break和continue语句的使用方式，以及for...in和for...of循环的使用方式。使用for循环可以很方便地控制代码的重复执行，适用于对一个范围内的数字进行遍历或对一个已知的数组或对象进行遍历。