JavaScript-循环嵌套&断点调试-笔记

1.do...while循环

do while语法结构：
        循环初始值；
        do{
             //代码；
              增量；
         }while(循环条件)；
   

 

2.for循环
     for(表达式1;表达式2;表达式3){
                   表达式4；
     }
表达式1——循环初始值 表达式2——循环条件 表达式3——增量

执行过程：
1、先执行表达式1
2、判断表达式1是否满足表达式2： 满足就执行表达式4 否则停止循环
3、执行表达式3
4、继续判断是否满足表达式2

3.for循环案例
           // 1、循环输出1-20之间能被3整除的数
           for(var i=1;i<=20;i++){
                 if( i%3==0 ){
                    console.log(i);
                 }
            }
          // 2、循环输出1-5之间的所有数，在一行显示
          var str = ' '；
          for(var i=1;i<=5;i++){
               str = str+i+' '； // 字符串拼接
           }
          console.log(str);
         // 3、计算1-10之间数字的和
         var sum = 0；
         for(var i=1;i<=10;i++){
                sum += i；
         }
         console.log(sum);
         // 4、计算1-10之间偶数的和
         var a = 0；
         for(var i=1;i<=10;i++){
            if(i%2==0){
                a += i； // 求和
             }
          }
          console.log(a);
        // 5、统计1-20之间能被7整除的数 的个数
        var count = 0；
        for(var i=1;i<=20;i++){
             if( i%7==0 ){
                  count++； // 个数加加
             }
         }
         console.log(count);

4.循环的嵌套

重复的操作使用循环

***
***
***
循环的嵌套： 外层循环表示行 内层循环表示列
var str = ' '；
for(var i=1;i<=3;i++){  // 外层循环表示行
    for(var j=1;j<=3;j++){   // 内层循环表示列
          str = str+'*'； // 重复输出*  所以拼接*
    }
    // 在外层循环进行换行
    str = str+'\n'；
}
console.log(str);

*
**
***
var str = ' '；
for(var i=1;i<=3;i++){
    // 发现： 列小于等于行数 行i 列j j<=i
    for(var j=1;j<=i;j++){
          str = str+'*'；
    }
    str=str+'\n'；
}
console.log(str);

5.控制台输出九九乘法表
// 输出九九乘法表
var str = ' '；
for(var i=1;i<=9;i++){ // 外层表示行 1-9行
   for(var j=1;j<=i;j++){ // 内层表示列 列小于等于行 j<=i
        str = str + `${j}*${i}=${i*j} \t`； // 拼接上公式 拼接上空格 \t是四个空格
   }
   str = str+'\n'； // 换行
}
console.log(str);

6.break和continue
break 和 continue： 用于循环中
break： 结束循环
continue：  跳过本次循环，继续执行下一轮

// 5个包子： 吃到3个的时候，发现有虫 —— 不再吃包子 break
for(var i=1;i<=5;i++){
    if(i==3){
      break；
}
console.log(`吃第${i}包子`);
}

// 5个包子： 吃到3个的时候，发现有虫 —— 不再吃这个包子，继续吃剩下的 continue
for (var i = 1; i <= 5; i++) {
    if (i == 3) {
      continue；
}
console.log(`吃第${i}包子`)；
}

7.死循环
// 死循环： 条件永远成立 while(true){}
// 注意：死循环一定要写一个可以结束的条件，否则程序会一直执行
// 编写程序： 用户可以无限次输入用户名，每输入一个名字就在弹窗输出 欢迎XXX
// 直到用户输入 Q的时候 停止程序
while(true){
    var uname = prompt('请输入用户名：')；
    // 如果用户输入的数据 == 'Q' 退出程序
    if( uname== 'Q'){
         break；
    }
    alert(`欢迎${uname}`)；
}