JavaScript基础——实现循环

　　循环是多次执行同一段代码的一种手段。当你需要在一个数组或对象集上重复执行相同的任务时，这是非常有用的。

　　JavaScript提供执行for和while循环的功能。

　　1、while循环

　　JavaScript中最基本的循环类型是while循环。while循环测试表达式，并继续执行包含在它的{}括号中的代码，直到表达式计算结果为false为止。

　　例如，下面的while循环一直执行，直到i等于5为止：

var i = 1;

while (i<5){

console.log("Iteration" + i);

i++;

}

　　本示例将下面的输出发送到控制台：

Iteration 1

Iteration 2

Iteration 3

Iteration 4

　　2、do/while循环

　　另一种类型的while循环是do/while循环。如果你总是想至少执行一次循环中的代码，并且除非代码至少执行一次，否则不能对表达式进行测试时，这是很有用的。

　　例如，下面的do/while循环一直执行，知道days等于wednesday为止：

var days = ["monday","tuesday","wednesday","thursday","friday"];

var i=0;

do{

var day=days[i++];

console.log("it's " + day)

}while (day != "wednesday");

　　这是在控制台的输出：

it's monday

it's tuesday

it's wednesday

　　3、for循环

　　JavaScript的for循环允许你使用一个把3个语句结合成一个执行块的for语句，将代码执行特定的次数。它的语法如下：

for(赋值;条件;更新){

要执行的代码；

}

　　for语句使用如下所示的3个语句来执行循环。

　　赋值：这是在循环开始前执行的，并且不再次执行。它被用来初始化将在循环的条件语句中使用的变量。

　　条件：在循环的每次迭代之前计算该表达式的值。如果表达式的值为true，则循环继续执行；否则，for循环执行结束。

　　更新：在每次迭代中，更新在执行了循环中的代码后执行。这通常用于递增在条件中使用的计数器。

　　下面的例子说明了一个for循环，其中一个循环嵌套在另一个循环内：

for (var x=1;x<=3;x++){

for (var y=1;y<=3;y++){

console.log(x+"x"+y+"="+(x*y));

}

}

　　输出到Web控制台的结果是：

1x1=1

1x2=2

1x3=3

2x1=2

2x2=4

2x3=6

3x1=3

3x2=6

3x3=9

　　4、for/in循环

　　另一种类型的for循环是for/in循环。for/in循环在能够被迭代的任何数据类型上执行。在大多数情况下，你将在数组和对象中使用for/in循环。下面的例子说明了一个简单的数组上的for/in循环的语法和行为：

var days = ["monday","tuesday","wednesday","thursday","friday"];

for (var idx in days){

console.log("it's" + + days[idx] + "<br>");

}

　　注意，每次迭代循环时，变量idx都被调节，从开始的数组索引带最后的索引。输出结果为：

it's monday

it's tuesday

it's wednesday

it's thursday

it's friday

　　5、中断循环

　　当你使用循环时，有时候你需要在代码本身的内部中断代码的执行，而无须等待下一次迭代。有两种不同的方法来做到这一点：使用break和continue关键字。

　　关键字break完全停止执行一个for或while循环。在另一方面，continue关键字停止执行循环内的代码，并继续进行下一个迭代。考虑下面的几个例子。

　　这个例子显示了break的使用，如果这一天是星期三（wednesday）：

var days =  ["monday","tuesday","wednesday","thursday","friday"];

for (var idx in days){

if (days[idx] == "wednesday")

break;

console.log("it's" + days[idx] + "<br>");

}

　　一旦该值是星期三，循环执行就完全停止：

it's monday

it's tuesday

　　这个例子显示了continue的使用，如果这一天是星期三：

var days = ["monday","tuesday","wednesday","thursday","friday"];

for (var idx in days){

if(days[idx] == "wednesday")

continue;

console.log("it's" + days[idx] + "<br>");

}

　　请注意，因为是continue语句，对于星期三，不执行写操作（continue.log()），但此循环的执行是完整的：

it's monday

it's tuesday

it's thursday

it's friday

文章来源: www.cnblogs.com，作者：姜腾腾，版权归原作者所有，如需转载，请联系作者。

原文链接：www.cnblogs.com/jiangtengteng/p/5220196.html