前言：
眼前我们对“js的循环语句包括”大概比较着重，小伙伴们都想要剖析一些“js的循环语句包括”的相关文章。那么小编也在网摘上汇集了一些对于“js的循环语句包括””的相关资讯，希望你们能喜欢，朋友们快快来了解一下吧！每日寄语：你的态度决定人生的高度，别被狭隘的格局阻挡你看更大的世界！
循环的三个要素
1.循环变量的初始化
2.循环条件的判断
3.循环变量的改变
while 循环
语法：
var i = 1; // 循环变量的初始化
while(i<= 100 //循环条件的判断) { 循环体、循环变量的改变,}
执行的步骤：
循环变量初始化-->循环条件的判断（true即满足条件）-->循环体-->循环变量的改变....（一直重复这样的步骤去执行，只有当循环条件判断为false 即不满足条件的时候就会终止）
下面用实例来一起给大家演示，希望大家可以一起对着这个代码一起敲一遍，只有自己亲自动手去敲一遍才能印象更加的深刻
<html lang="en">
<head>
<meta charset="UTF-8">
<title>javascript 学习基础篇之循环语句（第8节）</title>
<script type="text/javascript">
/**
* while 循环
* 语法结构： while() {}
*/
// 循环输出1到20之间的所有数字
var n = 1;
while(n<=20) { // 条件为判断变量小于等于20的值
// 输出循环体 n 拼接一个换行用来更加直观的看出来
document.write(n+'<br>');
// 循环变量的改变 每循环一次+1
n++;
}
// 循环出1到30之间的偶数
var i = 1; // 初始化变量
while(i<=30) {
// 满足条件就进入循环执行结果
if(i%2==0) { // 这个条件为所有偶数的筛选条件，只有满足这个条件才能输出变量体i
document.write(i+" ");
}
i++;
}
do...while循环
语法：do{
// 循环体
// 循环变量的改变
}while(循环的条件);
执行的步骤：
循环变量的初始化-->立刻执行一次循环体-->循环变量的改变-->循环条件判断（如果满足条件，即结果为true）-->循环体-->循环变量的改变-->循环条件的判断（不满足的话）-->跳出循环
注意：这种执行的步骤一定会执行一次循环体
下面来看下例子：
/**
* do...while()
* 语法结构：
* do{// 循环体 //循环变量改变 }while(条件);
*/
// do...while循环输出1到10的所有数字
var j = 1;
do{
document.write(j+" ");
j++;
}while(j<=10);
document.write('<br/>');
// while 循环输出1到10的所有数字
var k = 1;
while(k<=10) {
document.write(k+" ");
k++;
}
// 以上所输出的结果都相同，看不出不同点
那么肯定有很多朋友要问了 ，没有不同之处，为何要学习两个呢？答案肯定是有不同点的。
接下来我们来了解下不同之处，我们把条件全部改成大于等于10，再来操作看结果会是怎么样？
// do...while 循环1到10所有的数字，条件都是变量大于等于10
var a = 1;
do{
document.write(a+"-");
a++;
}while(a>=10);
// while循环1到10所有的数字，条件都是变量大于等于10
var b = 1;
while(b>=10) {
document.write(b+" ");
b++;
}
//以上只有do...while() 有执行一次结果1
</script
</head>
<body></body>
</html>
以上为今天的while循环和do...while循环的内容学习
总结下：
一、循环的构成要素必须要满足以下3个，才能够执行，否则就容易进入死循环
（1）循环体变量的初始化
（2）循环条件的判断
（3）循环体，循环的改变
以上3要素缺一不可。
二、while循环和do...while循环的区别
当循环的条件都为ture时，所执行出来的结果，会是相同。
当循环的条件同时为false时，所执行的结果就 有出现不同，while循环将不会执行任何操作，因为一开始条件就不满足，所以循环不会执行。那么do...while循环的话，会先执行一次结果，然后才进入条件判断。
大家要将这些基础牢记，加以举一反三运用到自己的实践当中，那才能学以自用。
下一节将给大家讲重点的for循环，这是以后用的非常之多的一个循环结构，所以单独分开跟大家讲一节，想要学习的记得关注我的头条号--七天励志。
标签： #js的循环语句包括
