喜欢我的话，点击上方蓝色 文字关注吧👆
不喜欢看文字的同学，点击下方👇绿色按钮 ，竖起耳朵👂听吧
。
JS循环语句也叫迭代语句，是一种特殊的语句，主要用于需要多次执行的代码块。
JavaScript 支持四种不同类型的循环：
for：多次遍历代码块
for/in：遍历对象属性
while：当指定条件为 true 时循环一段代码块
do/while：当指定条件为 true 时循环一段代码块
for语句
for语句的语法格式如下：
for (语句1; 语句2; 语句3) { 要执行的代码块}
语句 1 在循环（代码块）开始之前执行。语句1是可选的，如果没有语句，直接写个分号就可以。我们一般在语句1里初始化一些变量，变量可以是一个，也可以是多个，多个变量由逗号分隔。
语句 2 定义运行循环（代码块）的条件。如果条件成立，进入循环，执行循环里的代码块，否则，结束循环。语句2也是可选的，如果没有语句，直接写个分号，但是，需要注意，如果没有语句，需要在循环体里写一个break，否则，永远不会结束，成死循环了。
语句 3 会在循环（代码块）每次被执行后执行。语句3也是可选的，语句3的内容可以在循环体里写。
注意一个小细节，语句3结束没有分号。
写个小例子。
<p id="demo"></p>
<script>
var text = "",i;
for (i = 0; i < 5; i++ ) {
text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
语句 1 在循环开始之前设置了一个变量（var i = 0）。
语句 2 定义运行循环的条件（i 必须小于 5）。
语句 3 会在代码块每次执行之后对值进行递增（i++）。
for/in语句
for/in 语句一般用于遍历对象的属性，语法格式如下：
for (属性名 in 对象) {
要执行的代码块}
写个小例子。
<p id="demo"></p>
<script>
var person = {name:"刘小妞", sex:"女", work:"自媒体"};
var x,txt = "";
for (x in person) {
txt += person[x] + " ";
}
document.getElementById("demo").innerHTML = txt;
</script>
x代表属性名，属性名可以随便定义，类似形参。通过对象[属性名]的形式访问属性值，不能用对象.属性名这种形式。
while语句
while的语法格式如下：
while (条件) { 要执行的代码块}
如果条件成立，会一直循环执行代码块。
写个小例子。
<p id="demo"></p>
<script>
var text = "";
var i = 0;
while (i < 10) {
text += "<br>数字是 " + i;
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
注意一点，如果你写的不是死循环的话，一定要在循环体里有能够让条件不成立的语句。
例如上面的例子，循环体里有i++，当i递增到10的时候，循环结束。
do/while语句
do/while的语法格式如下：
do { 要执行的代码块}while (条件);
do/while 循环是 while 循环的变体。
在检查条件是否为真之前，这种循环会执行一次代码块，然后只要条件为真就会重复循环。
写个小例子。
<p id="demo"></p>
<script>
var text = ""
var i = 0;
do {
text += "<br>数字是 " + i;
i++;
}
while (i < 10);
document.getElementById("demo").innerHTML = text;
</script>
长按下方二维码，关注刘小妞的栖息地 👇👇👇
