JavaScript循环结构

循环结构

1. 断点调测

作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug

浏览器打开调试界面

按F12打开开发者工具

点到源代码(sources)一栏

选择代码文件

断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来

2. while循环

while语句

while (循环条件) {

循环体

}

释义：

跟if语句很像，都要满足小括号里的条件为true才会进入执行代码

while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出

while 循环注意事项：

循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。

所以，循环需要具备三要素：

1. 变量起始值
2. 终止条件（没有终止条件，循环会一直执行，造成死循环）
3. 变量变化量（用自增或者自减）

​​​​​​​3. do...while循环

do…while语句

do{

循环体

}while(循环条件);

和while循环的区别就是do...while是先循环在判断，而while是先判断在执行循环

​​​​​​​4. for循环

for语句

for(let i =1 ; i < 10 ; i++){ 循环体 }

执行循环的顺序：

1. 变量初始化

2. 条件判断

3. 循环体

4. 变化量

5. 第二次判断

6. 第二次循环体

7. 第二次变化量

8. .....

9. while语句也是如此

注意点：for循环和while循环有什么区别呢：

当如果明确了循环的次数的时候推荐使用for循环

当不明确循环的次数的时候推荐使用while循环

5. for…in语句：

JavaScript中还提供了一个特殊的for语句，即for…in语句，它是专门用来对数组和对象进行循环遍历的。

for…in语句的语法格式如下：

for (变量 in 数组或对象)

{

   语句组；

}

for…in语句在执行时，对数组或对象中的每一个元素，重复执行语句组的内容，直到处理最后一个元素为止。

6. with语句：

通过with语句可以遍历对象的属性和方法，而不需要每一次都输入对象的名称。With语句的语法结构如下：

with (document)

{

     bgcolor=”red”; //背景红色

     Fgcolor=”blue” ; //文字蓝色

 }

break语句和continue语句：

//与break语句的不同之处在于continue语句仅终止本次循环，而break语句则是终止整个循环。