4.while循环
1、while语句的语法结构如下：
while语句可以在条件表达式为真的前提下，循环执行指定的一段代码，直到表达式不为真时结束循环。
1.1while语法结构
while(条件表达式){// 循环体}执行思路：
1、执行思路 当条件表达式结果为true 则 执行循环体 否则 退出循环体
2、里面应该也有计算器 初始化变量 里面应该也有操作表达式 完成计算器的更新 防止死循环。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>while循环</title><script>// 1、while循环语法结构 while 当。。。的时候// 语法：// while(条件表达式){// // 循环体// }// 2、执行思路 当条件表达式结果为true 则 执行循环体 否则 退出循环体// 3、代码验证：var num = 1;while (num <= 100) {console.log('你好');num++;}// 4、里面应该也有计算器 初始化变量// 5、里面应该也有操作表达式 完成计算器的更新 防止死循环</script>
</head>
<body></body>
</html>案例：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>while案例</title><script>// 1、while循环案例// 1、打印人的一生，从1岁到100岁var sum = 1;while (sum <= 100) {console.log('今年'+ sum +'岁');} // 2、计算1-100之间所有整数的和var sum = 0;var j = 1;while (j <= 100) {sum += j;j++;}// console.log(sum);// 3、弹出一个提示框，你还爱我吗？ 如果输入我爱你，就提示结束，否则，一直询问var tsk = alert('你还爱我吗？');var ags = prompt('你还爱我吗？');while (ags != '我爱你') {// 输入框不等于我爱你继续弹窗下面这个 等于则退出while循环ags = prompt('你还爱我吗？');}alert('结束');</script>
</head>
<body></body>
</html>2、do while语法结构：
2.1语法结构：
do{// 循环体}while(推荐表达)执行思路 ：
执行思路 跟while不同的地方在于 do while 先执行一次循环体 在判断条件 如果条件表达式真 则继续执行循环体 否则退出循环体
注意：先再执行循环体，再判断，我们会发现do........while循环语句至少会执行一次循环体代码
代码验证：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>do while循环</title><script>// 1、do while 循环 语法结构// do{// // 循环体// }while(推荐表达)// 2、执行思路 跟while不同的地方在于 do while 先执行一次循环体 在判断条件 如果条件表达式真 则继续执行循环体 否则退出循环体// 3、代码验证：var i = 1;do {console.log('how are you？');i++;} while (i <= 100)// 4、我们的do while 循环体至少执行一次</script></head><body></body></html>3、while和do......while区别
while循环
var i = 1; while（i <= 10）{console.log（'你好'）i++; }while循环先判断条件表达式，如果条件表达式为真则执行循环体，如果条件表达式为假则退出while循环
do......while循环
var i = 1; do{console.log（'你好'）;i++; }while（i <= 10）do while循环先执行一次循环体，在判断，则条件表达式为真者继续执行循环体，则为假则退出do while循环
循环总结：
- JS中循环有 for 、while、do while
- 三个循环很多情况下都可以相互替代使用
- 如果是用来计次数，跟数字相关的，三者使用基本相同，但是我们更喜欢用for
- while和 do...while可以做更复杂的判断条件，比for 循环灵活一些
- while 和 do...while执行顺序不一样，while先判断后执行，do...while先执行一次，再判断执行。while和 do...while执行次数不一样，do...while至少会执行一次循环体，而 while 可能一次也不执行实际工作中，我们更常用for 循环语句，它写法更简洁直观，所以这个要重点学习