JavaScript -- 循环语句

简介: JavaScript 支持不同类型的循环:for - 循环代码块一定的次数for/in - 循环遍历对象的属性while - 当指定的条件为 true 时循环指定的代码块do/while - 同样当指定的条件为 true 时循环指定的代码块For 循环for 循环是您在希望创建循环时常会用到的工具。

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>");
}

 

相关文章
|
4月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
61 6
JS循环for、for...of、for...in
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
72 2
JavaScript基础知识-流程控制之while循环
|
3月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
55 0
|
5月前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
5月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
201 0
|
2月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
37 2
|
4月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
162 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
64 1
JavaScript基础知识-forEach循环
|
4月前
|
JavaScript 前端开发 索引
|
4月前
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
21 3