JavaScript系列---【流程控制--循环结构for及while】

循环结构

作用：让特定的代码执行指定的次数

1.for

• 基本语法

for(表达式1;表达式2;表达式3){
    特定的代码段 ->循环体
}

表达式1:设置初始值
表达式2:循环条件 设置终值
表达式3:循环增量

代码示例1：

 //控制台输出 1-100
 for(var i = 1;i<101;i++){
   console.log(i)//输出
 }

代码示例2：

 // 输出100-0
 for (var i = 100; i >= 0; i--) {
 console.log(i);
}

• for循环的四步曲：

1.设置初始值

2.循环条件 （循环条件一旦不成立，整个循环就结束了）

3.执行循环体

4.设置循环增量

• for循环的嵌套

  代码示例：

   <script>
          // 99乘法表
          // 表示行
          for (var i = 1; i <= 9; i++) {
              var str = "";
              // 表示列
              for (var j = 1; j <= i; j++) {
                  str += j + "*" + i + "=" + (i * j) + " ";
              }
              console.log(str);
          }
      </script>
  

• for循环的变形

   // for循环的变形
   // 设置初始值
    var n = 0;
     for (; n < 101;) {
         // 循环体
        console.log(n);
          // 设置循环增量
            n++;
          }
  

2.断点调试

​ 1.F12 ,鼠标右键检查

​ 2.Sources -> 要调试的资源文件 ->打开

​ 3.调试哪一行就在哪一行点击一下

​ 4.刷新 ->让代码重新执行 一旦遇到断点就不往下执行 我们可以手动执行

​ 5.取消断点 ->再次点击当前行

3.死循环

循环条件恒成立 ，循环永远不退出。

2.for-in循环

一般用来迭代对象

//对象是由键值对组成的  键（属性名）：key   值（属性值）：value  
for(var key in obj){  
    //key :属性
    //obj :迭代对象
}

代码示例：

 //创建对象
var obj = {
            name: "哈哈",
            age: 100,
            hobby: "篮球",
            height: "200cm"
   };

//迭代对象
  for (var key in obj) {
     console.log(key); //获取属性名
     console.log(obj[key]);
     }

3.while 和 do-while

while语法：

var 变量名 = 初始值;(设置初始值)
while(条件){//条件不满足退出循环
    循环体;
    循环增量
}

代码示例：

//求1-100的和
var total = 0;
var n = 1;
 while (n < 101) {
   total += n;
        n++;
  }
 console.log(total);   

do-while语法：

设置初始值
do{
	循环体;
    循环增量
   	 
}while(条件);

代码示例：

//打印0-10
var x = 0;
do{
 console.log(x);
  x++;
}while(x<11);

while 和 do-while区别：while循环条件不成立一次都不会执行，而do-while不管循环条件成立与否至少执行一次