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

 

相关文章
|
12天前
|
JavaScript
在循环内错误使用函数定义(js的问题)
在循环内错误使用函数定义(js的问题)
11 0
|
14天前
|
JavaScript
JS使用循环求100内奇数之和
JS使用循环求100内奇数之和
14 1
|
3月前
|
JavaScript 前端开发
【面试题】在JS循环中使用await会怎么样?
【面试题】在JS循环中使用await会怎么样?
|
4月前
|
JavaScript 前端开发 开发者
从0开始学习JavaScript--JavaScript 循环与迭代详解
JavaScript中的循环和迭代是编写高效和灵活代码的关键。循环用于重复执行一段代码,而迭代则用于遍历数据结构。本文将深入研究JavaScript中常见的循环结构和迭代方法,并通过丰富的示例代码来帮助读者更好地理解和运用这些概念。
|
20天前
|
开发框架 JavaScript 前端开发
描述JavaScript事件循环机制,并举例说明在游戏循环更新中的应用。
JavaScript的事件循环机制是单线程处理异步操作的关键,由调用栈、事件队列和Web APIs构成。调用栈执行函数,遇到异步操作时交给Web APIs,完成后回调函数进入事件队列。当调用栈空时,事件循环取队列中的任务执行。在游戏开发中,事件循环驱动游戏循环更新,包括输入处理、逻辑更新和渲染。示例代码展示了如何模拟游戏循环,实际开发中常用框架提供更高级别的抽象。
11 1
|
28天前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
34 0
|
1月前
|
JavaScript
js循环的几种方法
js循环的几种方法
15 2
|
1月前
|
JavaScript 前端开发
javascript中的循环
javascript中的循环
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句
|
2月前
|
存储 缓存 JavaScript
解密迭代艺术:精通JavaScript中的for循环技巧
解密迭代艺术:精通JavaScript中的for循环技巧
27 0