循环-for循环-双重for循环-while循环-do while循环-关键字

for循环:

循环体+循环终止条件。重复执行某些代码,通常跟计数有关系

for(初始化变量;条件表达式;操作表达式){
        //循环体
}

初始化变量:用var 声明的一个普通变量,通常用于作为技术器使用

条件表达式:就是用来决定每一次循环是否继续执行 就是终止的条件

操作表达式:是每次循环最后执行的代码 经常用于我们计数器变量进行更新(递增或递减)

for(var i=1;i<=100;i++){
    console.log('你好');//打印100句你好
}
//执行步骤var i=1  i<=100  console.log('你好');  i++ i<=100  console.log('你好');  i++…… 101时不满足条件 退出循环

断点调试:

 for循环重复相同的代码:

        // for 循环可以执行相同的代码
        for (var i = 1; i <= 10; i++) {
            console.log('媳妇我错了');

        }
        // 我们可以让用户控制输出的次数
        var num = prompt('请您输入次数');
        for (var i = 1; i <= num; i++) {
            console.log('媳妇我错了');
        }

 for循环重复不同的代码:

 

 for循环执行相同的步骤:

求1-100之间左右整数的累加和:

        // for 循环重复执行某些操作 比如说我们做了100次加法运算
        // 求 1~100 之间的整数累加和
        //         需要循环100次,我们需要一个计数器  i  
        // 我们需要一个存储结果的变量 sum ,但是初始值一定是 0
        // 核心算法:1 + 2 + 3 + 4 ....   ,sum  =  sum + i;
        var sum = 0; // 求和 的变量
        for (var i = 1; i <= 100; i++) {
            // sum = sum + i;
            sum += i;
        }
        console.log(sum);

for循环案例:

        // 1. 求1-100之间所有数的平均值   需要一个 sum 和的变量 还需要一个平均值 average 变量
        var sum = 0;
        var average = 0;
        for (var i = 1; i <= 100; i++) {
            sum = sum + i;
        }
        average = sum / 100;
        console.log(average);


       // 2. 求1-100之间所有偶数和奇数的和   我们需要一个偶数的和变量 even  还需要一个奇数 odd
        var even = 0;
        var odd = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 2 == 0) {
                even = even + i;
            } else {
                odd = odd + i;
            }
        }
        console.log('1~100 之间所有的偶数和是' + even);
        console.log('1~100 之间所有的奇数和是' + odd);

        // 3. 求1-100之间所有能被3整除的数字的和
        var result = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 3 == 0) {
                // result = result + i;
                result += i;
            }
        }
        console.log('1~100之间能够被3整数的数字的和是:' + result);



        // 4.弹出输入框输入总的班级人数(num)
        // 依次输入学生的成绩( 保存起来 score), 此时我们需要用到
        // for 循环, 弹出的次数跟班级总人数有关系 条件表达式 i <= num
        // 进行业务处理: 计算成绩。 先求总成绩( sum), 之后求平均成绩( average)
        // 弹出结果
        var num = prompt('请输入班级的总人数:'); // num 总的班级人数
        var sum = 0; // 求和的变量
        var average = 0; // 求平均值的变量
        for (var i = 1; i <= num; i++) {
            var score = prompt('请您输入第' + i + '个学生成绩');
            // 因为从prompt取过来的数据是 字符串型的需要转换为数字型
            sum = sum + parseFloat(score);
        }
        average = sum / num;
        alert('班级总的成绩是' + sum);
        alert('班级平均分是:' + average);

        //一行打印5颗星星
        var str = '';
        var num = parseInt(prompt('请输入星星'));
        for (i = 1; i <= num; i++) {
            str = str + '⭐';
        }
        console.log(str);

双层for

目录

for循环:

断点调试:

 for循环重复相同的代码:

 for循环重复不同的代码:

 for循环执行相同的步骤:

for循环案例:

双层for循环

while循环

do while

 小结

continue关键字

break关键字


循环

         1. 双重for循环 语法结构
         for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式) {
            for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式) {
                 // 执行语句;
             }
         }
        2. 我们可以把里面的循环看做是外层循环的语句
        3. 外层循环循环一次, 里面的循环执行全部

打印5行5列星星

        var str = '';
        for (var i = 1; i <= 5; i++) { // 外层循环负责打印五行
            for (var j = 1; j <= 5; j++) { // 里层循环负责一行打印五个星星
                str = str + '★';
            }
            // 如果一行打印完毕5个星星就要另起一行 加 \n
            str = str + '\n';
        }
        console.log(str);

打印n行n列星星

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

打印倒三角

         // 打印倒三角形案例
        var str = '';
        for (var i = 1; i <= 10; i++) { // 外层循环控制行数
            for (var j = i; j <= 10; j++) { // 里层循环打印的个数不一样  j = i
                str = str + '★';
            }
            str += '\n';
        }
        console.log(str);

打印九九乘法表

         // 九九乘法表
        // 一共有9行,但是每行的个数不一样,因此需要用到双重 for 循环
        // 外层的 for 循环控制行数 i ,循环9次 ,可以打印 9 行  
        // 内层的 for 循环控制每行公式  j  
        // 核心算法:每一行 公式的个数正好和行数一致, j <= i;
        // 每行打印完毕,都需要重新换一行 
        document.write("<table border='1' align='center'>");
        for (var i = 1; i <= 9; i++) { // 外层循环控制行数
            document.write("<tr>");
            for (var j = 1; j <= i; j++) { // 里层循环控制每一行的个数  j <= i 
                document.write("<td>");
                document.write(j + '×' + i + '=' + i * j);
                document.write("</td>");
            }
            document.write("</tr>");
            document.write('<br />');
        }
        document.write("</table>");
         var str = '';
        for (i = 1; i <= 9; i++) {
            for (j = 1; j <= i; j++) {
                str = str + j + '*' + i + '=' + i * j + '\t';
            }
            str = str + '\n';
        }
        console.log(str);

while循环

当条件表达式为true时,执行循环体,否则退出循环

必须要有截止条件,计数器,初始化变量,计数器更新,防止死循环

        // while循环案例
        // 1. 打印人的一生,从1岁到100岁
        var i = 1;
        while (i <= 100) {
            console.log('这个人今年' + i + '岁了');
            i++;
        }

         // 2. 计算 1 ~ 100 之间所有整数的和
        var sum = 0;
        var j = 1;
        while (j <= 100) {
            sum += j;
            j++
        }
        console.log(sum);

do while

do while 先执行一次循环体 再判断条件 如果条件表达式结果为真,则继续执行循环体,否则退出循环

        // 1.do while 循环 语法结构
        do {
            // 循环体
        } while (条件表达式)
        // 2.  执行思路 跟while不同的地方在于 do while 先执行一次循环体 在判断条件 如果条件表达式结果为真,则继续执行循环体,否则退出循环
        // 3. 代码验证
        var i = 1;
        do {
            console.log('how are you?');
            i++;
        } while (i <= 100)
        // 4. 我们的do while 循环体至少执行一次
       

案例:

         // 1. 打印人的一生,从1岁到100岁
        var i = 1;
        do {
            console.log('今年' + i + '岁');
            i++;
        } while (i <= 100)


        // 2. 计算 1 ~ 100 之间所有整数的和
        var sum = 0;
        var i = 1;
        do {
            sum += i;
            i++;
        } while (i <= 100)
        console.log(sum);

        // 3. 弹出一个提示框, 你爱我吗?  如果输入我爱你,就提示结束,否则,一直询问。
        do {
            var message = prompt('你爱我吗?');
        } while (message !== '我爱你')
        alert('我也爱你啊');

 小结

js中有很多循环,for、while、do while

三个循环很多情况下可以相互替代

计算次数更喜欢用for

while和do while可以做更加复杂的判断,比for灵活一些

while和do while执行顺序不一样,while先判断再执行,do while先执行一次,再判断执行

while和do while执行次数不一样,do while至少会执行一次,while可能一次也不执行。

continue关键字

用于立即跳出本次循环, 继续执行剩余次数循环

         // continue 关键字   退出本次(当前次的循环)  继续执行剩余次数循环
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                continue; // 只要遇见 continue就退出本次循环 直接跳到 i++
            }
            console.log('我正在吃第' + i + '个包子');
        }
        //1,2,4,5个包子



         // 1. 求1~100 之间, 除了能被7整除之外的整数和 
        var sum = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 7 == 0) {
                continue;
            }
            sum += i;
        }
        console.log(sum);

break关键字

立即跳出整个循环

        // break 退出整个循环
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                break;
            }
            console.log('我正在吃第' + i + '个包子');
        }
        //1,2个包子

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值