JavaScript （for，while）循环语句

for 循环

for 循环是 JS 中最常用的一个循环工具，经常用于数组的循环遍历。

格式：

for (初始化变量; 条件表达式; 迭代语句) {
     执行代码块；
}
 

• 初始化变量，表示代码块开始前执行。
• 条件表达式，定义运行循环代码块的条件。
• 迭代语句，在循环代码块每次被执行之后再执行

示例：求1-100的偶数和

var num=0
for(var i=0;i<=100;i+=2){   //i+=2 意思为i=i+2
    num +=i                 
}
console.log("偶数和:"+num)
 

for in 循环语句

主要用于遍历数组或对象属性，对数组或对象的属性进行循环操作。

格式：

for (变量 in 对象) {
    执行代码块；
}
 

• for 循环括号内的变量是用来指定变量，指定的可以是数组对象或者是对象属性。

示例：使用 for ... in 循环遍历数组。

<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars){
    document.write(mycars[x] + "<br />")
}
</script>
 

双重 for 循环

格式：

for(外层变量 ; 外层条件表达式; 外层迭代语句) {
    for(里层变量 ; 里层条件表达式 ; 里层迭代语句){
        执行代码块；
    }
}
 

示例：实现九九乘法表

<script>
var str = ' '; 
for (var row = 1; row <= 9; row++) {
    for (var column = 1; column <= row; column++) {
        str += column + 'x' + row + '=' + row * column + '\t';
        }
    str += '\n'; 
}
console.log(str); 
</script>
 

while 循环语句

while只要指定条件的值为真，循环就会执行指定语句。

格式：

while (条件){
    执行代码块；
}
 

示例：

var n = 0;
while (n < 5) {
   document.write("<br>这个数字是 " + n);
   n++;
}
 

do...while 循环语句

do...while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。

格式：

do {
    执行代码块；
}
while (条件);
 

示例：

do {
   document.write("<br>数字是 " + n);
   n++;
}
while (n < 5);