菜鸟教程 -- 学的不仅是技术,更是梦想!

Javascript 教程
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript VScode JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 字符串模板 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语句 JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript async/await JavaScript 代码规范 JavaScript 测验

JS 函数

JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包

JS

JavaScript 类 JavaScript 类继承 JavaScript 静态方法

JS HTML DOM

DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象

JS 高级教程

JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象

JS 浏览器BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie

JS

JavaScript 库 JavaScript 测试 jQuery JavaScript 测试 Prototype

JS 实例

JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结

JS 参考手册

JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 JavaScript 静态方法
(追記) (追記ここまで)

JavaScript while 循环


只要指定条件为 true,循环就可以一直执行代码块。


while 循环

while 循环会在指定条件为真时循环执行代码块。

语法

while (条件)
{
需要执行的代码
}

实例

本例中的循环将继续运行,只要变量 i 小于 5:

实例

while(i<5){x=x + "The number is " + i + "<br>"; i++; }

尝试一下 »

lamp 如果您忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。


do/while 循环

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。

语法

do
{
需要执行的代码
}
while (条件);

实例

下面的例子使用 do/while 循环。该循环至少会执行一次,即使条件为 false 它也会执行一次,因为代码块会在条件被测试前执行:

实例

do{x=x + "The number is " + i + "<br>"; i++; }while(i<5);

尝试一下 »

别忘记增加条件中所用变量的值,否则循环永远不会结束!


比较 for 和 while

如果您已经阅读了前面那一章关于 for 循环的内容,您会发现 while 循环与 for 循环很像。

本例中的循环使用 for 循环来显示 cars 数组中的所有值:

实例

cars=["BMW","Volvo","Saab","Ford"]; vari=0; for(;cars[i];){document.write(cars[i] + "<br>"); i++; }

尝试一下 »

本例中的循环使用 while 循环来显示 cars 数组中的所有值:

实例

cars=["BMW","Volvo","Saab","Ford"]; vari=0; while(cars[i]){document.write(cars[i] + "<br>"); i++; }

尝试一下 »
AI 思考中...

4 篇笔记 写笔记

  1. #0

    bangPort

    784***[email protected]

    40

    while 使用 length 属性循环数组

    while 和 do/while 的区别 : do/while至少会执行一遍

    var size=[1,2,3,4,5,6,7] ; //申明一个数组
    var i=0;
    //while循环
    while( i < size.length ) { 
     document.write(size[i] + " ");
     i++;
    }
    document.write("<br>---------------<br>");
    //do…..while循环
    j=0
    do{
     document.write(size[j] + " ");
     j++;
    }
    while( j<size.length )
    
    尝试一下 »

    bangPort

    784***[email protected]

    9年前 (2017年03月20日)
  2. #0

    YuriOnRice

    zzl***[email protected]

    118

    定义了数组后对数组进行赋值,中间如有某些下标未被使用(即未被赋值),在遍历的时候,采用一般的 for 循环和 for...in 循环得到的结果不同。

    for...in 循环会自动跳过那些没被赋值的元素,而 for 循环则不会,它会显示出 undefined。

    点击下面的按钮,循环遍历

    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
    function myFunction(){
     var array = new Array();
     var x;
     var txt=""
     array[0] = 1;
     array[3] = 2;
     array[4] = 3;
     array[10] = 4;
     for( x in array ){
     alert(array[x]); // 依次显示出 1 2 3 4
     } 
     alert(array.length); // 结果是11
     for( var i=0 ; i<4 ; i++){
     alert(array[i]); // 依次显示出 1 undefined undefined 2 
     }
     document.getElementById("demo").innerHTML = txt;
    }
    </script>

    尝试一下 »

    YuriOnRice

    zzl***[email protected]

    8年前 (2018年10月10日)
  3. #0

    Chrisiven

    342***[email protected]

    91

    说一下 4 种循环的适用场景吧:

    • for : 比较适合遍历数组,字符串等等。
    • for in : 比较适合遍历对象,遍历对象时使用这个再合适不过了。
    • while : while 的话,与 for 的使用场景差不多。唯一不同的是,遍历的条件必须满足。
    • do while : 至少执行一边的循环,遍历数组和字符串也是很方便。

    Chrisiven

    342***[email protected]

    7年前 (2019年08月27日)
  4. #0

    java_t_t

    het***[email protected]

    51

    while遍历数组的例子中,如果数组中有 0,null,false,undefined 或者空字符串等在 js 中被认为等价于 false 的值,会提前结束遍历。改成判断数组长度即可避免该问题:

    原代码:

    while (cars[i])
    {
     document.write(cars[i] + "<br>");
     i++;
    }

    更改为:

    while (i < cars.length)
    {
     document.write(cars[i] + "<br>");
     i++;
    }

    java_t_t

    het***[email protected]

    5年前 (2021年02月14日)

点我分享笔记

  • 昵称 (必填)
  • 邮箱 (必填)
  • 引用地址

AltStyle によって変換されたページ (->オリジナル) /