JavaScript循环语句
学习目标
1.掌握for语句的语法结构
2.掌握for语句的应用逻辑
for语句
语法：
For（语句1；语句2；语句3）{
被执行的代码块；
}
语句1：在循环（代码块）开始前执行
语句2：定义运行循环（代码块）的条件
语句3：在循环（代码块）已被执行之后执行
<script>
// 1-100 101 1 2 3 4
// 循环的初始值 // 循环条件 变量的变化
for(var i=1;i<=100;i++){
document.write(i+'<br />'); // 1 2 3 100
}
// 输出99 97 95 ...3 1
for(var m=99;m>=1;m-=2){
console.log(m); // 99 97 3 1
}
//alert(m); // -1
</script>
<script>
for(var i=0,col="";i<=100;i++){
switch(i%4){
case 0:
col="red";
break;
case 1:
col="green";
break;
case 2:
col="blue";
break;
default:
col="orange";
}
document.write('<font color="'+col+'">'+i+'</font><br>');
}
</script>
JavaScript循环语句
学习目标
1.掌握循环与循环嵌套
2.打印星星
3.打印九九乘法表
<script>
/*for(var i=1;i<=3;i++){
document.write(i+'<br />'); // 1 2
document.write('<hr>');
for(var j=1;j<=5;j++){
document.write(j+'<br />'); // 1 2 3 4 5 1 2 3 4 5
}
}*/
// 外层决定了行数
/* for(var i=1;i<=10;i++){
// 内层决定了每一行的星星个数
for(var j=1;j<=i;j++){
document.write('*'); // * **
}
document.write("<br />")
}*/
/* for(var m=1;m<=6;m++){
for(var n=6;n>=m;n--){ // 6>=2 6>=3
document.write('*'); // ***** ***** ****
}
document.write('<br />');
}*/
// 九九乘法表
for(var i=1;i<=9;i++){ // i=1; j<=1; i=2;
for(var j=1;j<=i;j++){
document.write(j+'*'+i+'='+j*i+' '); // 1*1=1 1*1=1 2*2=4
}
document.write('<br />');
}
</script>
嵌套
说明：
当循环与循环发生嵌套时遵循下列规则：
1.外层为假时内层不执行；
2.先执行外层再执行内层，直至内层的条件为假时再返回外层去执行。
学习目标
1.掌握while语句的语法结构
2.掌握for-in语句的应用逻辑
3.掌握do-while语句的语法及应用
4.掌握for与while的区别
While语句
语法：
While（条件）{
需要执行的代码；
}
do-while语句
语法：
do{
需要执行的代码；
}while（条件）
说明：这种语法的循环至少要被执行一次。
For与while的区别
for: 适合已知循环次数的循环体
while：适合未知循环次数的循环体
学习目标
1.掌握break语句的应用
2.掌握contionue语句的应用
break语句 break:立即退出循环
continue语句 continue:结束本次循环，继续开始下次。
<script>
var i=1;
while(i<=100){
document.write(i+'<br />'); // 1 2 100
i+=1; // i++
}
//1 - 10
/* var j=18;
do{
if(j%2==0){
console.log(j);
}
j++;
}while(j<=10);
*/
// 1+2+3+4+...100=?
// sum=0+1=1
// sum=0+1+2
// sum=0+1+2+3
// sum=0+1+2+3+4
var sum=0; // sum和
var n=1;
while(n<=100){
sum+=n; // sum=sum+n; // sum=0+1; sum=0+1+2+3+100
n++;
}
console.log(sum);
</script>
<script>
var num=0;
for(var i=1;i<10;i++){
// 如果i是5的倍数，退出
if(i%5==0){
break;
}
num++; // i=1,num=1;i=2,num=2;i=3,num=3,i=4,num=4,i=6,num=5
}
//console.log(num);
for(var s=0,j=1;j<=10;j++){
if(j%5==0){
continue;
}
s+=j;
// j=1,s=1;j=2,s=3;j=3,s=6;j=4,s=10,j=5,s=10;j=6,s=16,j=7,s=23;j=8,s=31;j=9,s=40,j=10
}
//console.log(s);
// 打印所有0-50之间除20和30之外的5的倍数
for(var n=0;n<=50;n+=5){
if(n==20 || n==30){
continue;
}
console.log(n);
}
</script>