JavaScript 支持不同类型的循环:
- for - 循环代码块一定的次数
- for/in - 循环遍历对象的属性
- while - 当指定的条件为 true 时循环指定的代码块
- do/while - 同样当指定的条件为 true 时循环指定的代码块
For 循环
for 循环是您在希望创建循环时常会用到的工具。
语法:
for (语句 1; 语句 2; 语句 3) { 被执行的代码块 }
while 循环
while 循环会在指定条件为真时循环执行代码块。
语法:
while (条件) { 需要执行的代码 }
do/while 循环
do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。
语法:
do { 需要执行的代码 } while (条件);
demo:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句</title> </head> <body> <script type="text/javascript" src="test.js" ></script> <button onclick="loop()">循环语句</button> </body> </html>
js里面的循环语句逻辑代码:
/** * 循环语句 */ function loop(){ document.write("----------for循环遍历-----------" + "<br>"); cars = ["BMW", "Volvo", "Saab", "Ford"]; for (var i = 0; i < cars.length; i++) { document.write(cars[i] + "<br>"); } document.write("---------------------" + "<br>"); var i = 0, len = cars.length; for (; i < len;) { document.write(cars[i] + "<br>"); i++; } document.write("----------for/in 语句循环遍历对象的属性-----------" + "<br>"); var x; var txt = ""; var person = { fname: "Bill", lname: "Gates", age: 56 }; //通过for in 进行对象遍历 for (x in person) { //字符串拼接,通过+ txt = txt + person[x]; } document.write(txt + "<br>"); document.write("----------while循环语句----------" + "<br>"); var x = "", i = 0; while (i < 5) { x = x + "该数字为 " + i + "<br>"; i++; } document.write(x + "<br>"); document.write("----------do while循环语句----------" + "<br>"); var x = "", i = 0; do { x = x + "the number is " + i + "<br>"; i++; } while (i < 5) document.write(x + "<br>"); }
时间: 2024-12-14 06:44:06