<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>循环结构</title>
<!-- 1.if可以用于 判断相等 和 判断范围 -->
<!-- 2.switch 只用于 判断相等 -->
<script>
// 循环 ： while do...while for
// 1.1 while循环 ---------------------------------------------
// 1 循环条件变量：var count = 0
// 2 循环条件：while(count < 3)
// 3 循环体代码：{ 代码 }
// 4 循环条件的改变：count ++
var a = 1;
while (a <= 5) {
alert('打印5次a：\n ' + '第' + a + '次');
a++;
}
// 1.2 do...while循环 ---------------------------------------
// 和 while一样，只不过 【先执行一遍】 循环体代码， 再进行判断 看要不要进入后面的 循环
var a1 = 1;
do {
alert('打印5次a1 ,再打印 do {} while(){} \n ' + ' 第' + a1 + '次');
a1++;
} while (a1 <= 5){
alert('do {} while(){}');
}
// while 和 do...while 适合的使用场景；
// 循环条件：本质上 就是一个 bool值 -- 范围 和 判等 都可以作为 循环条件----一句话：用来做条件判断
// true/false 的 布尔值; 条件运算表达式 -> 布尔值;
// 例：
var nan = prompt('请输入你的性别');
while(nan == '男') {
alert('你是男的');
nan = prompt('请输入你的性别');
}
alert('你是' + nan + '的');
// do...while 和 while 一模一样，只不过 会 先执行一次代码，在判断 循环
do {
nan = prompt('请输入你的性别');
var xingBie = (nan == '男')
if(xingBie) {
alert('你是男的');
} else {
alert('你是' + nan + '的');
}
} while (!xingBie){ // !xingBie 取反
alert('退出循环')
}
// for 语句用于创建一个循环，它包含了三个可选的表达式，三个可选的表达式包围在圆括号中并由分号分隔，
// 后跟一个在循环中执行的语句（通常是一个块语句）。
// 1.3 for 循环 ----------------------------------------------
// 1.循环变量 声明
// 2.循环条件 判断 如果是true，执行 c， 否则 跳出 整个 for循环
// 3.循环体执行
// 4.循环变量 改变
for(var i = 1; i <= 10; i++){
alert('for循环第' + i + '次');
}
// for循环 ，主要 适用于【有明确 的 次数】的循环
// 计算1到10之间的和
var sum = 0;
for (var i = 0; i <= 100; i++) {
sum += i;
console.log( sum + '+' + i );
}
console.log('1到10之间的和为：' + sum);
</script>
</head>
<body>
</body>
</html>
