web开发学习日志5-循环

概念

循环：程序中用于重复执行特定操作的一段代码。
任何循环都具有以下三个主要部分：

何时开始：设置循环的代码（例如，定义某个变量的起始值 x = 0）
何时停止：测试循环是否继续的逻辑条件（例如，x < 10）
如何转到下一项： 递增或递减步骤 (例如， x = x + 1)

在Javascript中，主要有如下2类循环：

• while循环
• for循环

While循环

while循环的格式如下：

var x = 0; // 何时开始
while (x < 10) { // 何时停止
console.log(x);//执行动作
x = x + 1; // 如何转到下一项
}

for循环

把循环的三个主要部分合并在一起，代码比while循环要简洁一些。格式如下：

for ( x = 0; x < 10; x = x + 1 ) {//何时开始; 何时停止; 如何转到下一项
// 执行动作
}

下面这个 for 循环输出了 0-4 的每个值。注意区分 for 循环不同语句要用分号：var i = 0; i < 5; i = i + 1

for (var i = 0; i < 5; i = i + 1) {
console.log("Printing out i = " + i);
}

嵌套循环

在循环里面还可以嵌套循环，规则如下：

• 外部循环先取第一个值
• 内部循环逐个执行所有值
• 外部循环取第二个值
• 内部循环逐个执行所有值
• 依此类推，直到外部每个值都被执行完

看下面的例子：

for (var x = 0; x < 3; x = x + 1) {
for (var y = 0; y < 2; y = y + 1) {
console.log(x + ", " + y);
}
}

根据上述规则推导如下：

1）x = 0
2）y = 0, 1 // 输出 (0, 0), (0, 1)
3）x = 1
4）y = 0, 1 // 输出 (1, 0), (1, 1)
5）x = 2
6）y = 0, 1 // 输出 (2, 0), (2, 1)

所以，上述代码的输出结果为：

0, 0
0, 1
1, 0
1, 1
2, 0
2, 1

循环中常用运算符

使用运算符可以简化代码，用在如何转到下一项部分：

• x++ or ++x 等同于 x = x + 1
• x-- or --x 等同于 x = x - 1
• x += 3 等同于 x = x + 3
• x -= 6 等同于 x = x - 6
• x *= 2 等同于 x = x * 2
• x /= 5 等同于 x = x / 5