for循环

for循环语法

for(循环变量的初始化;循环判断;循环迭代){
循环体;
}

执行规则

第一步：循环变量的初始化
第二步：循环条件的判断
若判断结果为真，则执行循环体
若判断结果为假，则结束循环
第三步：循环迭代
第四步：回到第二步

例如：在页面中输出一行hello world
直接写：

<script>
document.write('hello wrold<br>');
document.write('hello wrold<br>');
document.write('hello wrold<br>');
document.write('hello wrold<br>');
document.write('hello wrold<br>');
</script>

使用for循环：

<script>
for(var i=0;i<5;i++){
            document.write('hello wrold<br>');
        }
</script>

小例子

盒子中有6个小球，将小球一一取出

<script>
for(var i=1;i<7;i++){
console.log('第'+i+"个小球");
}
</script>

求20以内偶数的和（遍历20以内的数）

第一种方法

<script>
var sum=0;
for(var i=0;i<=20;i++){
if(i%2==0){
 sum+=i;
 console.log('和为：'+sum);
}
}
</script>

第二种方法

<script>
var sum=0;
for(var i=0;i<=20;i+=2){
if(i%2==0){
sum+=i;
}
}
console.log('和为：'+sum);
</script>

第三种方法

<script>
var sum=0;
for(var i=20;i>0;i-=2){
if(i%2==0){
sum+=i;
}
}
console.log('和为：'+sum);
</script>

求50-100之间3的倍数的和

<script>
var sum=0;
for(var i=50;i<100;i++){
if(i%3==0){
sum+=i;// sum=sum+i;
}
}
console.log(sum);
</script>

求100-200之间个位和百位的和是3的数

<script>
for(var i=100;i<200;i++){
var a=i%10;//个位
var b=parseInt(i/100);//百位
if(a+b==3){
console.log(i);
}
}
</script>

省略执行条件

省略第一个条件

<script>
var i=0;
         for(;i<3;i++){
             document.write('hello world <br>');
        }

</script>

省略第二个条件

<script>
var i=0;
         for(;;i++){
             if(i>=3){
                break;//结束循环
             }
             document.write('hello world <br>');
         }
</script>

省略第三个条件

<script>
var i=0;
        for(;;){
            if(i>=3){
                break;//结束循环
            }
            document.write('hello world <br>');
            i++;
        }
</script>

小例子2

求50-100之间3的倍数的和

<script>
var sum=0;
         for(var i=50;i<100;i++){
             if(i%3==0){
                 sum+=i;// sum=sum+i;
             }
         }
         console.log(sum);
</script>

求100-200之间个位和百位的和是3的数

<script>
for(var i=100;i<200;i++){
            var a=i%10;//个位
            var b=parseInt(i/100);//百位
            if(a+b==3){
                console.log(i);
            }
        }
</script>