关于javascript:JavaScript-的-for-循环与双重-for-循环

63次阅读

共计 1006 个字符，预计需要花费 3 分钟才能阅读完成。

for 循环就是对数组的元素进行循环。

语法：

for (初始化变量; 条件表达式; 迭代语句) {须要执行的代码块；}

初始化变量 ：个别用来对循环变量进行初始化赋值。
条件表达式 ：作为循环条件，一个蕴含比拟运算符的表达式，用来限定循环变量的边限。如果循环变量的值超出了该边限，则进行该循环语句的执行。
迭代语句 ：用来扭转循环变量的值，从而管制循环的次数，通常是对循环变量的值进行递增或者递加的操作。

for 循环执行程序：

// 1. 申明变量；// 2. 判断循环执行条件；// 3. 代码块执行；// 4. 变量自增；

示例：求 1 -100 的偶数和

var num=0
        for(var i=0;i<=100;i+=2){   //i+=2 意思为 i =i+2
            num +=i                 
        }
        console.log("偶数和:"+num)

循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在 for 循环语句中，能够再嵌套一个 for 循环，这样的 for 循环语句咱们称之为双重 for 循环。
宝宝起名

语法：

for (外层初始化变量; 外层条件表达式; 外层迭代语句) {for ( 内层初始化变量; 内层条件表达式; 内层迭代语句) {须要执行的代码块；}
}

里层循环可看做是是外层循环的执行语句
外层循环执行一次，外面循环就会执行全副

双重 for 循环本质：

外层 for 循环管制循环的高度（行数）；
内层 for 循环管制循环的宽度（列数）；

示例：输入九九乘法表

 for(var i= 0 ; i <=9 ; i++){for(var aa = 1 ; aa <i+1 ; aa++){document.write(aa+"*"+i+"="+i*aa);
         }
         document.write("<br />");
     }

能够增加一些款式让它更好看（增加 span 元素，定义 body 主体局部的宽度，将 span 元素改为 inline-block 行内块元素，设置其固定宽度）

<head>
<style> body{width:2000px;}
    span{
        display:inline-block;
        width:80px;
    } </style>
</head>
<body> 
<script> for(var i= 0 ; i <=9 ; i++){for(var aa = 1 ; aa <i+1 ; aa++){document.write("<span>"+aa+"*"+i+"="+i*aa+"</span>");
         }
         document.write("<br />");
     } </script>
</body>

正文完