循环语句 的作用在于满足条件的情况下反复执行某一个操作
循环结构
while循环
在while结构中,当表达式的值为true时,执行大括号中的语句
while(表达式){
语句块;
}
do-while循环
与while循环类似,区别在于大括号中的语句块至少被执行一次
do{
语句块;
}
while(表达式)
for循环
for循环由条件控制和循环部分两部分组成
for (表达式1;表达式2;表达式3){
语句块;
}
for-in循环
for (变量 in 数组或对象){
语句组;
}
循环控制语句
break语句
用于跳出while或for的本层循环
continue语句
当初当前循环块
实例:利用循环结构实现自然数求和
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>这是一个html5 demo</title>
<script>
function change_while(id)
{
var i=0;
var sum_=0;
while (i<=100){
sum_+=i;
i++;
}
id.innerHTML=sum_;
}
function change_dowhile(id)
{
var i=0;
var sum_=0;
do{
if(i>50){break;}
sum_+=i;
i++;
}while (i<=100);
id.innerHTML=sum_;
}
function change_for(id)
{
var i=0;
var sum_=0;
for(;i<=100;i++){
if(i==50){continue;}
sum_+=i;
}
id.innerHTML=sum_;
}
</script>
</head>
<body>
1-100所有数字之和为(while循环实现):<h3 onclick="change_while(this)">点击查看</h3><hr/>
1-50所有数字之和为(do-while循环实现,break语句):<h3 onclick="change_dowhile(this)">点击查看</h3><hr/>
1-100(不含50)所有数字之和为(for循环实现,continue语句):<h3 onclick="change_for(this)">点击查看</h3>
</body>
</html>
Chrome浏览器运行结果