前端第一周，Javascript--循环结构-while循环

1.任何形式其实都离不开四个部分组成：

        //1.初始化循环变量 ---设定循环的开始

        //2.判断循环条件   ---决定循环是否继续执行的依据，条件成立（true）

        //3.循环体        ---循环的过程中重复执行的代码语句

        //4.更新循环变量   ---改变循环变量的值，循环停止的条件

        /*  while循环：

                 1.初始换循环变量

                   while（2.判断循环条件）{

                        3.循环体

                        4.更新循环变量

                     } */

        // 案例：在页面中写 20次 今天开心，因为下雨拿伞了

        //1.初始化循环变量

        var n = 1;

        while (n <= 100) {//2.判断循环条件

            //3.循环体

            console.log('今天开心，因为下雨拿伞了');

            //4.更新循环变量

            n++;

        }

        // while循环语句的执行流程

        // 1=》2=》3=》4=》2 =》3 =》4 =》2 =》3 =》...... =》4 =》2

        在定义循环语句时，一定要跟新循环变量，否则会造成 ‘死循环’,死循环程序一直停留在某一阶段重复执行某一些操作而不会继续执行后面的代码。 这种现象对内存资源的消耗是非常巨大的，正常的情况就是内存溢出。最终就会造成页面假死的现象  

        // 一个面试题

        var j = 1;

        while (j <= 5) {

            console.log(j);  // 1

            // 2

            // 3

            // 4

            // 5

            j++;

        }

        console.log(j);  // 6  因为出来的时候有++  所以要加1

 

        //案例： 计算 1-100之间 所有的整数相加之和

        // 定义变量接收相加之和的结果

        var sum1 = 0

        //初始化变量

        var n = 1;

        while (n <= 100) {

            // 把当前循环的值 加给 sum1变量

            sum1 += n;

            // 更新循环变量

            n++;

        }

        console.log('1-100之间所有的整数相加之和为' + sum1)

        //案例： 计算 1-100之间 所有 可以被3和7同时整除的数字 相加之和

        var sum2 = 0;

        var s = 1;

        while (s <= 100) {

            if (s % 3 == 0 && s % 7 == 0) {

                sum2 += s;

            }

            s++;

        }

        console.log('1-100之间所有可以被3和7同时整除的数字相加之和为' + sum2)