双重for循环案例以及while循环和do while循环案例

一、双重for循环

for循环因为有了计数器的存在，我们还可以重复执行某些操作，比如做一些算数运算。

双重for循环（循环嵌套）

    循环嵌套是指在一个循环语句中再定义一个徐怒汉语句的语法结构，例如在for 循环语句中，可以在嵌套一个

    for循环，这样的for循环语句我们称之为双重for循环。

    1、语法结构

   for（ 外层的初始化变量；外层的条件表达式；外层的操作表达式）{

        for（里层的初始化变量；里层的条件表达式；里层的操作表达式）{

            执行语句

        }

    }

    2、我们可以把里面的循环看做是外层循环的语句

    3、外层循环循环一次，里面的循环执行全部

    4、五行五列的星星代码展示：

 <script>
        var str = '';
    for (var i = 1; i <= 5; i++) { 
        // 外层循环负责打印行
	for (var j = 1; j <= 5; j++) {	
        // 内层循环负责一行打印五个星星
		str += '☆'
	}
    //第五个星星另起一行
	// str += '\n';
    str = str+'\n'
}
console.log(str);

    </script>

结果展示：

5、自定义行数和列数

代码展示：

  <script>
        var rows = prompt('请输入行数') 
        var cols = prompt('请输入列数') 
        var str = '';
        for (var i = 1; i <= rows; i++){
            for(j = 1; j <=cols; j++ ){
                str = str + '☆';
            }
            str += '\n';
        }
        console.log(str);
    </script>

 结果展示：

 这里就是多了一个行数和列数，设置两个变量分别为行数和列数，让i的值小于等于行数和列数即可。

二、while 循环案例

while语句可以在条件表达式为真的前提下，循环执行指定的一段代码，知道表达式不为真时结束循环。

       1、while（当...的时候）语法格式

       while（条件表达式）{

        循环体

       }

       2、执行思路  当条件表达式结果为true 则执行循环体，否则退出循环

       3、代码展示：

       4、里面也有计数器，初始化变量

       5、里面也有操作表达式，完成计数器的更新 防止死循环

       6、案例： 打印人的一生，从1到100岁

代码展示：

     <script>
        var i = 1;
        while (i <= 100){
            console.log('这个人今年'+i+'岁了');
            i++
        }
     </script>

结果展示：

三、do while循环

do while 语句其实是while语句的一个变体。该循环会执行一次代码，然后对条件表达式进行判断，

        如果条件为真，就会重复执行循环体，否则退出循环

   1、语法结构

        do {

            循环体

        } while (条件表达式)

        2、执行思路 跟while不同的地方在于 do while 先执行一次循环体 在判断条件

            如果条件表达式为真，则继续执行循环体，否则退出循环

        3、案例展示：计算1~100之间的所有整数和

代码段：

     <script>
        var sum = 0;
        var j = 1;
        do{
            sum = sum +j;
            j++;
        } while (j<=100)
        console.log(sum);
      </script>

结果展示：

 我们以后常用的是for循环，所以各位小伙伴们要将for循环掌握熟练。