什么是循环
概念：循环我们可以理解为程序中进行有规律的重复性操作。
JavaScript中有三种循环，分别是：
- for 循环
- while 循环
- do/while 循环
三者之间，都存在一定的关联与区别：
关联
- 关联就是它们都是用条件来控制语句或者是语句块的执行，它们具有的基本相同的功能。
区别
-
它们循环结构的表达式是不同的，for 循环是(单次表达式;条件表达式;末尾循环体) + {中间循环体}；while 循环是while(表达式) + {循环体}；do/while 是do + {循环体}
-
执行时判断方式不同，for 循环的中间循环体可以是一个或多个语句，当它只有一个语句时，它的大括号可以省略，执行完紧接着末尾执行循环体；while 循环当条件满足进入循环，当条件不满足时，执行完循环体内全部语句后再跳出，不是立即跳出循环；do/while 循环，先运行一次，经过do之后，检查条件表达式的值，判断是否成立，不成立时退出循环，但是我们保证了它至少执行了一次。
-
执行次数不同，for循环和while 循环都是先判断后执行，可以不执行中间循环体；而do/while 循环是先执行后判断，执行次数至少为一次。
-
执行末尾循环体的顺序不同，for 循环的中间循环体在条件判断语句里，执行末尾之后再执行中间；while 循环的末尾循环体也是自爱中间循环体并且在其中执行；do/while 循环是在中间加上末尾循环体，并在执行中间时执行末尾循环体。
for循环
概念：编程语言中的一种循环语句，由循环体以及循环的判定条件两部分组成。（循环代码块一定的次数）
语法：
for(语句1;语句2;语句3){
// 要执行的代码块
}
语句1在循环代码块开始前执行，通常用来初始化循环中所使用的变量（i= 0）；语句2定义在运行循环代码块的条件，通常用于计算初始变量的条件；语句3会在循环代码块每次被执行后执行，通常用来递增初始变量的值。
示例：
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>for</title>
</head>
<body>
<p>依次输出数组值为：<br><span id="span"></span></p>
</body>
<script>
var arrs = ["xkd", "jsw", "qqxk", "hxkt"];
var result;
for(var i = 0, result = ""; i < arrs.length; i++) {
result += arrs[i] + "<br>";
}
document.getElementById("span").innerHTML = result
;
</script>
</html>
while循环
概念：只要指定条件为 true，循环就可以一直执行代码块。
语法：
while (条件) {
// 要执行的代码块
}
示例：
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>while</title>
</head>
<body>
</body>
<script>
var num = 85;
while(num <= 100){
if(num % 2 == 0){
document.write(num + '  ');
}
num++; // 自增
}
</script>
</html>
do/while
概念：该循环是while循环的变体，它会至少执行一次代码块，在检查条件是否为真前，然后如果条件为真，就会重复循环这个循环。
语法：
do{
// 被执行的代码块
}while(condition);
示例：
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>do/while</title>
</head>
<body>
</body>
<script>
var num = 1;
var result = 0;
do{
result += num;
num++;
}while(num <= 100);
console.log(result);
</script>
</html>
网友评论