1.什么是循环结构:只要满足条件,就会重复执行的结构。
2.while 循环结构的语法:
while(循环条件){
循环代码
}
3.案例:输出10遍"好好学习,天天向上" 。代码如下:
<!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>Document</title>
</head>
<body>
<script>
var i = 1
// 条件就是 i<=10
while(i<=10){
console.log('第'+i+'遍,好好学习,天天向上');
//i++就是等于 i + 1 每次+1 在重新返回出去一个新的条件
i++
}
</script>
</body>
</html>
4:do-while 循环结构的语句:
do{
循环语句
}while(循环条件)
5.do-while 循环结构的特点是:先执行一遍代码,在判断循环条件 ,而while 循环是先判断循环条 件,在执行代码。
6.案例:定义一个菜单变量,用于表示选择的是什么功能。代码如下:
<!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>Document</title>
</head>
<body>
<script>
var no = 0 //注意:该变量的初始化值是什么都行,因为do-while循环,没有入口判断。
do {
no = parseInt(prompt('请选择:1.添加 2.修改 3.查询 4.删除 0.退出系统'))
switch (no) {
case 1:
alert('执行添加')
break;
case 2:
alert('执行修改')
break;
case 3:
alert('执行查询')
break;
case 4:
alert('执行删除')
break;
case 0:
alert('成功退出,欢迎下次使用!')
break;
}
}while (no !== 0)
</script>
</body>
</html>