当前位置：首页 > 资讯 > 系统环境 > windows

JavaScript 的 for 循环与双重 for 循环

时间：2021-03-20 20:54 作者：前端萧萧来源：阅读：498
扫一扫，手机访问

摘要：for循环for循环就是对数组的元素进行循环。语法：for (初始化变量; 条件表达式; 迭代语句) { 需要执行的代码块；}初始化变量：一般用来对循环变量进行初始化赋值。条件表达式：作为循环条件，一个包含比较运算符的表达式，用来限定循环变量的边限。假如循环变量的值超出了该边限，则中止该循环

for循环

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循环控制循环的宽度（列数）；

示例：输出九九乘法表

 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>

全部评论(0)

上一篇：《图解CSS》定位
下一篇：JavaScript中的innerHTML，innerHTML，value属性

dedecms织梦模板店

店铺

推荐商品