当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js中的循环

js中的循环

2019年08月14日  | 移动技术网IT编程  | 我要评论

一、for循环

　　1.单个for循环：

        for(初始值；条件；增量){
                    语句
         }

  • 初始值：无条件的执行第一个表达式
  • 条件：是判断是否能执行循环体的条件
  • 增量：做增量的操作 
    //循环输出1~100之间数字的和
var sum=0;
for(var i=1;i<=100;i++){
    sum= sum+i;        
}
document.write(sum);//5050
    //求1~100之间奇数的和
var sum = 0;
for (var i=1; i<=100; i++) {
    if(i%2 == 1){
       sum += i;
    }
}
console.log("1~100之间奇数的和为" + sum +"。");

　　2.for循环嵌套：（外层循环一次，内层循环一轮）

　　for(初始值；条件；增量){
　　　　for(初始值；条件；增量){
　　　　　　...语句或继续嵌套
　　　　}
　　 }

//输出一个3行30列的表格；表格内容1~30；
<table border='1' cellpadding="0" bgcolor="aqua" width='80%'>
            <script>
                for(var i=1;i<=3;i++){
                    document.write('<tr>');//行
                        for(var j=1;j<=30;j++){
                            document.write('<td>'+j+'</td>');//列
                        }
                    document.write('</tr>');
                }
            </script>
 </table>
//输出99乘法表
document.write('<table style="width: 80%; border: 1px solid #000;">')            
    for(var i=1; i<=9; i++){
        document.write("<tr>")
        for(var j=1; j<=i+1; j++) {
            document.write("<td>" + i +" x " + j + " = " + i*j + "</td>")
        }
        document.write("</tr>")
    }
document.write('</table>');
//输出倒置99乘法表
document.write('<table style="width: 80%; border: 1px solid #000;">')            
    for(var i=9; i>0; i--){
        document.write("<tr>")
        for(var j=1; j<=i; j++) {
            document.write("<td>" + i +" x " + j + " = " + i*j + "</td>")
        }
        document.write("</tr>")
    }
document.write('</table>');
//百钱买百

                    

                        

                            
                        

                    

                    


                    
                    

                        
    
                            
  • 
                                
                            
    • 
                        

                    


                    
                    

                    

                        
您可能感兴趣的文章:

                        
                    

                    

                        如对本文有疑问，
                        点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网