文章目录
- 一、JavaScript 程序流程控制 - 循环流程控制
- 1、循环流程控制
- 2、循环要素 - 循环体 / 循环终止条件
- 3、for 循环语法结构 - 循环控制变量 / 循环终止条件 / 操作表达式
- 4、for 循环 完整代码示例
一、JavaScript 程序流程控制 - 循环流程控制
1、循环流程控制
在 程序开发 中 , 经常需要 执行 有规律的重复代码 , 该 " 重复执行代码 " 的操作 就是 程序流程控制 中的 " 循环流程控制 " ;
循环 的目的是 重复执行 某些代码 ;
循环流程控制
- for 循环 :
- while 循环 :
- do-while 循环 :
2、循环要素 - 循环体 / 循环终止条件
循环流程控制 的 要素 :
- 循环体 : 要 重复执行的 代码 语句 ;
- 循环终止条件 : 每次循环 时 , 循环体 是否执行 , 要看是否达成 循环终止条件 , 如果 未达到 则继续执行本次循环 , 如果达到 循环终止条件 则 终止循环 ;
上述 " 循环体 " 和 " 循环终止条件 " 组成了 完整的 循环语句 ;
3、for 循环语法结构 - 循环控制变量 / 循环终止条件 / 操作表达式
下面是 for 循环的语法结构 :
for (initialization; condition; operate-expression) {
// 循环体，只要条件为真就会执行这里的代码
}- initialization : 循环控制变量 的 初始化表达式 ;
- condition : 循环终止条件 , 如果该条件为 false 则继续执行循环 , 如果 该 表达式为 true 则退出循环 ;
- operate-expression : 操作表达式 , 循环控制变量 的 变化方式 , 一般是 递增 / 递减 运算符 运算 ;
代码示例 :
- 循环控制变量定义 :
var i = 0 - 循环终止条件 :
i < 100 - 循环控制变量变化方式 :
i++
// 循环控制变量定义 : var i = 0
// 循环终止条件 : i < 100
// 循环控制变量变化方式 : i++
for (var i = 0; i < 100; i++) {
// 循环体
console.log("循环 " + i);
}
4、for 循环 完整代码示例
完整代码示例 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 设置 meta 视口标签 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript</title>
<style></style>
<script>
// 循环控制流程
// 循环控制变量定义 : var i = 0
// 循环终止条件 : i < 100
// 循环控制变量变化方式 : i++
for (var i = 0; i < 100; i++) {
// 循环体
console.log("循环 " + i);
}
</script>
</head>
<body>
</body>
</html>执行结果 :
