JavaScript for循环
程序员文章站
2024-01-10 21:11:10
JavaScript for 循环 循环可以将代码块执行指定的次数。 JavaScript 支持不同类型的循环： for - 循环代码块一定的次数 for/in - 循环遍历对象的属性 while - 当指定的条件为true，循环指定的代码块 do/while - 当指定的条件为true，循环指定的 ......
javascript for 循环
循环可以将代码块执行指定的次数。
javascript 支持不同类型的循环：
- for - 循环代码块一定的次数
- for/in - 循环遍历对象的属性
- while - 当指定的条件为true，循环指定的代码块
- do/while - 当指定的条件为true，循环指定的代码块
for循环的语法：
for(语句1;语句2;语句3){
被执行的代码块
}
语句1（代码块）开始前执行
语句2 定义运行循环（代码块）的条件
语句3 在循环（代码块）以被执行之后执行
例如：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>insert title here</title> </head> <body> </body> <script type="text/javascript"> for (var i = 0; i < 5; i++) { alert("我是for循环"); } </script> </html>
从上面的例子中，可以看出：
在循环开始之前设置变量（var i = 0;）
定义循环运行的条件（i 必须小于5）
在每次代码块已被执行后增加一个值（i++）
一般使用语句1初始化循环中所使用的变量 ==》（var i = 0;）
也可以不写语句1，可以在语句1中初始化任意多个值。
也可以省略语句1，比如在循环之前就已经定义了初始值。
例如：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>insert title here</title> </head> <body> </body> <script type="text/javascript"> var i = 0 for (; i < 5; i++) { alert("我是for循环"); } </script> </html>
但是语句1后面的 ==》; 不能省略。
语句2用于评估初始变量的条件。语句2也是可选的。如果语句返回true则循环再次开始，如果返回false，则循环结束。
如果省略了语句2，name必须在循环内提供break，否则循环就无法停下来，有可能会让浏览器奔溃。
语句3通常会增加或者减少初始变量的值，语句3也是可选的，有多种用法，增量可以是负数（i--）或者更大（i = i + 15）
语句3也可以省略，（比如当循环内部有相应的代码时）
<!doctype html> <html> <head> <meta charset="utf-8"> <title>insert title here</title> </head> <body> </body> <script type="text/javascript"> var i = 0, len = cc.length; for (; i < len;) { alert("我是for循环"); i++; } </script> </html>
for/in 循环
javascript for/in 语句循环遍历对象的属性：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>insert title here</title> </head> <body> </body> <script type="text/javascript"> var person = { name : "haha", age : 16 }; for (x in person) { text = text + person[x]; } </script> </html>
javascript中for/in不仅可以遍历对象的属性，还可以遍历数组。
-------------------- end ---------------------