JavaScript 的 for 循环与双重 for 循环

作者 : 开心源码 本文共1003个字,预计阅读时间需要3分钟 发布时间: 2022-05-14 共177人阅读

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>
说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » JavaScript 的 for 循环与双重 for 循环

发表回复