初识JavaScript入门到放弃Day3——笔记整理....附课后练习题

chrome断点调试：

	断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。断点调试可以帮助观察程序的运行过程

断点调试的流程：
1、浏览器中按 F12--> sources -->找到需要调试的文件-->在程序的某一行设置断点
2、Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。
3、摁下F11，程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。

进入今日学习部分

---

文章目录

一 . 循环
1.1 for循环
2 双重for循环
3.for 循环小结
二.while循环
1 .while语句
2. do-while循环
三. continue、break
1.continue 关键字
2.break 关键字
四.习题部分
1.1 求100以内所有能被3和7整除的数的和
1.2 使用for循环打印三角形
1.3 使用for循环打印99乘法表
1.4 用户登录验证
1.5 求1-100之间个位数不为3的数的累加和。

一 . 循环

1.1 for循环

• 语法结构

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

  名称	作用
  初始化变量	通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。
  条件表达式	用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。
  操作表达式	用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。

  执行过程：

  1. 初始化变量，初始化操作在整个 for 循环只会执行一次。

• 执行条件表达式，如果为true，则执行循环体语句，否则退出循环，循环结束。

1. 执行操作表达式，此时第一轮结束。
2. 第二轮开始，直接去执行条件表达式（不再初始化变量），如果为 true ，则去执行循环体语句，否则退出循环。
3. 继续执行操作表达式，第二轮结束。
4. 后续跟第二轮一致，直至条件表达式为假，结束整个 for 循环。

• for 循环代码示例

  比如输出10句“今天是个好日子呀”

  //  基本写法
  for(var i = 1; i <= 10; i++){
      console.log('今天是个好日子呀~');
  }
  // 用户输入次数
  var num = prompt('请输入次数:')；
  for ( var i = 1 ; i <= num; i++) {
      console.log('今天是个好日子呀~'); 
  } 
  

2 双重for循环

-== 双重 for 循环语法==

for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
    for (内循环的初始; 内循环的条件; 内循环的操作表达式) {  
       需执行的代码;
   }
}

• 内层循环可以看做外层循环的循环体语句

• 内层循环执行的顺序也要遵循 for 循环的执行顺序

• 外层循环执行一次，内层循环要执行全部次数

• 打印五行五列星星

  var star = '';
  for (var j = 1; j <= 3; j++) {
      for (var i = 1; i <= 3; i++) {
        star += '☆'
      }
      // 每次满 5个星星 就 加一次换行
      star += '\n'
  }
  console.log(star);
  

3.for 循环小结

• for 循环可以重复执行某些相同代码
• for 循环可以重复执行些许不同的代码，因为我们有计数器
• for 循环可以重复执行某些操作，比如算术运算符加法操作
• 随着需求增加，双重for循环可以做更多、更好看的效果
• 双重 for 循环，外层循环一次，内层 for 循环全部执行
• for 循环是循环条件和数字直接相关的循环

二.while循环

1 .while语句

语法结构如下：

while (条件表达式) {
    // 循环体代码 
}

执行思路：

• 1 先执行条件表达式，如果结果为 true，则执行循环体代码；如果为 false，则退出循环，执行后面代码
• 2 执行循环体代码
• 3 循环体代码执行完毕后，程序会继续判断执行条件表达式，如条件仍为true，则会继续执行循环体，直到循环条件为 false 时，整个循环过程才会结束

注：

• 使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环.

2. do-while循环

do… while 语句的语法结构如下：

do {
    // 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

执行思路

• 1 先执行一次循环体代码

• 2 再执行条件表达式，如果结果为 true，则继续执行循环体代码，如果为 false，则退出循环，继续执行后面代码

注：先再执行循环体，再判断，do…while循环语句至少会执行一次循环体代码.

代码示例：

// 打印1-100之间所有的整数
        var sum = 0;
        var i = 1;
        do {
            sum += i;
            i++;
        } while (i <= 100);

        console.log(sum);

三. continue、break

1.continue 关键字

用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）。

例如，吃5个包子，第3个有虫子，就扔掉第3个，继续吃第4个第5个包子，其代码实现如下：

 for (var i = 1; i <= 5; i++) {
     if (i == 3) {
         console.log('这个包子有虫子，扔掉');
         continue; // 跳出本次循环，跳出的是第3次循环 
      }
      console.log('我正在吃第' + i + '个包子呢');
 }

运行结果：

2.break 关键字

用于立即跳出整个循环==（循环结束）。==

例如，吃5个包子，吃到第3个发现里面有半个虫子，其余的不吃了，其代码实现如下：

for (var i = 1; i <= 5; i++) {
   if (i == 3) {
       break; // 直接退出整个for 循环，跳到整个for下面的语句
   }
   console.log('我正在吃第' + i + '个包子呢');
 }

运行结果：

---

此部分为习题部分：

四.习题部分

1.1 求100以内所有能被3和7整除的数的和

• 题目描述：
  • 把1-100之间所有能够被3和7同时整除的数找出来，计算累加和
• 题目提示：
  • 在算入累加和之前，使用%判定遍历到的数字是不是可以被3和7整除

 var sum = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 3 == 0 || i % 7 == 0) {
                sum += i;
            }
        }
        console.log(sum);#结果为2208

1.2 使用for循环打印三角形

• 题目描述：

  • 在控制台一次性打印形状如下：

    ☆
    ☆☆
    ☆☆☆
    ☆☆☆☆
    ☆☆☆☆☆

• 题目提示：

  • 利用双重for循环

 var start = '';
        for (var i = 1; i <= 5; i++) {
            for (var j = 1; j <= i; j++) {
                start += '☆';
            }
            start += '\n';
        }

        console.log(start);

1.3 使用for循环打印99乘法表

• 题目描述：

  • 使用for循环，打印99乘法表

  • 在控制台打印具体效果如下：

    1×1=1
    1×2=2 2×2=4
    1×3=3 2×3=6 3×3=9
    1×4=4 2×4=8 3×4=12 4×4=16
    1×5=5 2×5=10 3×5=15 4×5=20 5×5=25
    1×6=6 2×6=12 3×6=18 4×6=24 5×6=30 6×6=36
    1×7=7 2×7=14 3×7=21 4×7=28 5×7=35 6×7=42 7×7=49
    1×8=8 2×8=16 3×8=24 4×8=32 5×8=40 6×8=48 7×8=56 8×8=64
    1×9=9 2×9=18 3×9=27 4×9=36 5×9=45 6×9=54 7×9=63 8×9=72 9×9=81

• 题目提示：

  • 利用双重for循环

var start = '';
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                start += j + '*' + i + '=' + i * j + '\t';
            }
            start += '\n';
        }
        console.log(start);

1.4 用户登录验证

• 题目描述：
  • 接收用户输入的用户名和密码，若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则，让用户一直输入。
• 题目提示：
  • 利用while循环或者do while 循环

do {
            user = prompt('请输入登录信息：');
            password = prompt('请输入登录密码：');
        } while (user !== 'admin' && password !== 123456);
        alert('登录成功');

1.5 求1-100之间个位数不为3的数的累加和。

• 题目描述：
  • 求整数1～100的累加值，但要求跳过所有个位为3的数。
• 题目提示：
  • 使用%判个位数是否为3
  • 用continue实现

  var sum = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 10 == 3) {
                continue;
            }
            sum += i;
        }

        console.log(sum);//4570

---

分享到这里；辛苦整理；转载请附上链接
。习题都是up猪自己敲的，如果有出现错误。请留下宝贵建议！
Day4笔记整理传送门