javascript学习之流程控制（6）—— for循环嵌套应用

96 阅读 0 评论 64 点赞

我是靠谱客的博主务实樱桃，这篇文章主要介绍javascript学习之流程控制（6）—— for循环嵌套应用，现在分享给大家，希望可以做个参考。

在学习for循环嵌套应用之前我们先来做一个不使用嵌套的小例子。
在页面中输出十个“*”号。

不使用循环嵌套的例子：

代码如下：

复制代码

1
2
3
for (var i=1;i<=10;i++){
            document.write("*");
        }

效果图：
这里写图片描述

使用循环嵌套的例子：

接下来我们要使用for循环嵌套来实现另一个小例子，输出十行星号，每行有十个星号。

代码如下：

复制代码

1
2
3
4
5
6
7
8
for (var j=1;j<=10;j++)//外循环控制的是行数
    {
            for (var i=1;i<=10;i++)//内循环控制的是内部的内容
            {
                document.write("*");
            }
            document.write("<br/>");
     }

效果图：
这里写图片描述

使用循环嵌套的例子2：

复制代码

1
2
3
4
5
6
for (var i=1;i<=6;i++){
            for(var j=1;j<i;j++){
                document.write("*");
            }
            document.write("<br/>");
        }