一.for循环
- for循环语法结构：
for(循环条件初始化;循环条件判断;循环迭代){
循环体;
}
- 执行规则：
第一步：循环条件的初始化 var i=0; 只在最开始执行一次
第二步：循环条件判断 i<5;
若判断条件结果为真：则执行循环体
若不成立： 结束循环;
第三步：循环迭代 i++
第四步：回到第二步
案例(1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
//求20-100之内三的倍数之和
var sum=0;
for(var i=100;i>20;i--){
if(i%3==0) {
sum+=i;
document.write(i);列出20-100之内所有3的倍数
document.write('<br>');
}
}
document.write('最后结果为：'+sum);
</script>
</body>
</html>
案例(2)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
//求15以内奇数的和
var sum=0;
for(var i=0;i<15;i++){
if (i%2!==0) {
sum+=i;
document.write(i);列出15之内所有奇数
document.write('<br>');
}
}
document.write('最后结果为：'+sum);
</script>
</body>
</html>
二.while循环
- while循环
语法：
while(判断条件){
循环体;
}
- 执行规则：
当判断条件为真时，则执行循环体;
反之不执行；
案例(1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
//求10以内奇数的和
var i=0;
var sum=0;
while(i<10){
if(i%2!==0){
sum+=i;
console.log(i);列出10之内所有不能被2整除的数
}
i++;
}console.log(sum);总和
</script>
</body>
</html>
案例(2)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var i=0;
while(i<5){
document.write(i);列出所有小于5的数
document.write('<br>');
i++;
}
</script>
</body>
</html>
- do…while
语法：
do{
循环体;
}while(判断条件);
- 执行规则：
先执行循环体，
若判断条件为真，则执行循环体
案例(1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var i=0;
do{
console.log(i);列出小于3的数
i++;
}while(i<3);
</script>
</body>
</html>
案例（2）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var i=0;
do{
console.log('i='+i);
i++;
}while(i<3);
</script>
</body>
</html>