在javascript中，循环语句有三种，while、do..while、for循环。

a) while语句

基本语法：
// 当循环条件为true时，执行循环体，
// 当循环条件为false时，结束循环。
while (循环条件) {
//循环体
}
代码示例：
// 计算1-100之间所有数的和

  1. // 初始化变量
  2. var i = 1;
  3. var sum = 0;
  4. // 判断条件
  5. while (i <= 100) {
  6.   // 循环体
  7.   sum += i;
  8.   // 自增
  9.   i++;
  10. }
  11. console.log(sum);

image.png

案例： 打印100以内 7的倍数 打印100以内所有偶数 打印100以内所有偶数的和 作业： 打印100以内的奇数 打印100以内的奇数的和

b) do…while语句

do..while循环和while循环非常像，二者经常可以相互替代，但是do..while的特点是不管条件成不成立，都会执行一次。

基础语法：
do {
// 循环体;
} while (循环条件);
代码示例：

  1. // 初始化变量
  2. var i = 1;
  3. var sum = 0;
  4. do {
  5.   sum += i;//循环体
  6.   i++;//自增
  7. } while (i <= 100);//循环条件

案例：
求100以内所有3的倍数的和
使用do-while循环：输出询问“我爱你，嫁给我吧？”，选择“你喜欢我吗？(y/n):”，如果输入为y则打印”我们形影不离“，若输入为n,则继续询问

c) for语句

while和do…while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便

for循环语法：
// for循环的表达式之间用的是;号分隔的，千万不要写成,
for (初始化表达式1; 判断表达式2; 自增表达式3) {
// 循环体4
}
执行顺序：1243 —— 243 ——-243(直到循环条件变成false)

  1. 初始化表达式
  2. 判断表达式
  3. 自增表达式
  4. 循环体

案例：
1.打印1-100之间所有数
2.求1-100之间所有数的和
3.求1-100之间所有数的平均值
4.求1-100之间所有偶数的和
5.同时求1-100之间所有偶数和奇数的和
6.打印正方形
// 使用拼字符串的方法的原因
// console.log 输出重复内容的问题
// console.log 默认输出内容介绍后有换行
7.打印10行10列星号

  1. var start = '';
  2. for (var i = 0; i < 10; i++) {
  3.   for (var j = 0; j < 10; j++) {
  4.     start += '* ';
  5.   }
  6.   start += '\n';
  7. }
  8. console.log(start);

image.png
8.打印直角三角形

  1. var start = '';
  2. for (var i = 0; i < 10; i++) {
  3.   for (var j = i; j < 10; j++) {
  4.     start += '* ';
  5.   }
  6.   start += '\n';
  7. }
  8. console.log(start);

image.png

9.打印9*9乘法表

  1. var str = '';
  2. for (var i = 1; i <= 9; i++) {
  3.   for (var j = i; j <=9; j++) {
  4.     str += i + ' * ' + j + ' = ' + i * j + '\t';
  5.   }
  6.   str += '\n';
  7. }
  8. console.log(str);

image.png

作业：
1.求1-100之间所有数的乘积
2.求1-100之间所有奇数的和
3.计算1-100之间能3整除的数的和
4.计算1-100之间不能被7整除的数的和
// 讲解思路。如果不会写程序，可以先把数学公式准备好
5.本金10000元存入银行，年利率是千分之三，每过1年，将本金和利息相加作为新的本金。计算5年后，获得的本金是多少？
6.有个人想知道，一年之内一对兔子能繁殖多少对？于是就筑了一道围墙把一对兔子关在里面。已知一对兔子每个月可以生一对小兔子，而一对兔子从出生后第3个月起每月生一对小兔子。假如一年内没有发生死亡现象，那么，一对兔子一年内（12个月）能繁殖成多少对？（兔子的规律为数列，1，1，2，3，5，8，13，21）

d) continue和break

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号） continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）

案例：
求整数1～100的累加值，但要求碰到个位为3的数则停止累加
求整数1～100的累加值，但要求跳过所有个位为3的数
作业：
求1-100之间不能被7整除的整数的和（用continue） 求200-300之间所有的奇数的和（用continue） 求200-300之间第一个能被7整数的数（break）

e) 调试

  • 过去调试JavaScript的方式
    • alert()
    • console.log()

  • 断点调试

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

  • 调试步骤

浏览器中按F12—>sources—>找到需要调试的文件—>在程序的某一行设置断点

  • 调试中的相关操作

Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。
F10: 程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。
F8：跳到下一个断点处，如果后面没有断点了，则程序执行结束。
tips: 监视变量，不要监视表达式，因为监视了表达式，那么这个表达式也会执行。

  1. 代码调试的能力非常重要，只有学会了代码调试，才能学会自己解决bug的能力。初学者不要觉得调试代码麻烦就不去调试，知识点花点功夫肯定学的会，但是代码调试这个东西，自己不去练，永远都学不会。
  2. 今天学的代码调试非常的简单，只要求同学们记住代码调试的这几个按钮的作用即可，后面还会学到很多的代码调试技巧。