JavaScript循环语句

JavaScript中的循环语句有三种：for循环、while循环和do...while循环。这些循环语句可以帮助我们重复执行一段代码，直到满足某个条件为止。

1. for循环： for循环是最常用的循环语句之一，它包含一个初始化表达式、一个条件表达式和一个递增/递减表达式。例如：

for (let i = 0; i < 10; i++) {
  console.log(i);
}

 

上面的代码将会打印出0到9的数字。for循环的难点在于理解循环的三个部分的执行顺序和注意循环变量的作用范围。

在遍历的时候，采用一般的 for 循环和 for...in 循环得到的结果不同。

for...in 循环会自动跳过那些没被赋值的元素，而 for 循环则不会，它会显示出 undefined。如：

<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
    var array = new Array();
    var x;
    var txt=""
    array[0] = 1;
    array[3] = 4;
    array[4] = 7;
    array[10] = 9;
    for( x in array ){
        alert(array[x]);     // 依次显示出 1 4 7 9
    } 
    alert(array.length);    // 结果是11
    for( var i=0 ; i<4 ; i++){
        alert(array[i]);     // 依次显示出 1 undefined undefined 4 
    }
    document.getElementById("demo").innerHTML = txt;
}
</script>

1. while循环： while循环只有一个条件表达式，只要条件为真，就会一直执行循环体中的代码。例如：

let i = 0;
while (i < 10) {
  console.log(i);
  i++;
}

 

这段代码与上面的for循环代码功能相同，也会打印出0到9的数字。while循环的难点在于注意循环条件的设置，确保循环最终会结束。

1. do...while循环： do...while循环与while循环类似，但是它会先执行循环体中的代码，然后再判断条件是否为真。至少会执行一次循环体中的代码。例如：

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 10);

 

这段代码也会打印出0到9的数字，不同的是即使条件不满足，循环体中的代码至少会执行一次。do...while循环的难点在于理解循环体中代码的执行顺序。

特殊情况的举例：

1. 无限循环： 有时候我们可能因为某些原因意外地创建了一个无限循环。例如：

for (;;) {
  console.log("无限循环");
}

 

这段代码会一直执行，因为没有设置循环的结束条件。在处理无限循环时，我们可以使用break语句来提前结束循环。

1. 循环嵌套： 循环之间可以相互嵌套，这样可以实现更复杂的循环逻辑。例如：

for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    console.log(i, j);
  }
}

 

这段代码会打印出0到2之间的数字的所有组合。在处理循环嵌套时，我们需要注意循环变量的作用范围和内外循环的执行顺序。

注意：

• for : 比较适合遍历数组,字符串等等。
•  for in : 比较适合遍历对象，遍历对象时使用这个再合适不过了。
•  while : while 的话，与 for 的使用场景差不多。唯一不同的是，遍历的条件必须满足。
•  do while : 至少执行一边的循环，遍历数组和字符串也是很方便。