美文网首页javaScript学习
《JavaScript DOM 编程艺术》第2章:条件与循环

《JavaScript DOM 编程艺术》第2章:条件与循环

作者: ZackLive | 来源:发表于2018-08-30 17:20 被阅读2次

    《JavaScript学徒》系列会以经典书籍为教材制作影片,和大家一起学习JavaScript。

    本文同步发表于我的个人网站:ZackLive

    这是《JavaScript学徒》系列的第二课,本课会继续《JavaScript DOM 编程艺术》第2章,介绍JavaScript语法中的条件语句和循环语句。

    视频连结

    YouTube

    YouKu

    BiliBili

    条件语句

    如果(if)条件成立,则执行大括号里的语句;否则,执行else后面的语句。条件放在小括号里,须为布尔值。

    if (1 > 2) {

      alert("小括号里的条件成立!");

    } else {

      alert("条件不成立!");

    }

    比较操作

    条件当中可进行比较操作

    大于: >

    小于: <

    等于: == (一个等号是赋值,两个等号才是等于)

    大于等于: >=

    小于等于: <=

    不等于: !=

    严格等于: ===(比前面提到的等于更严格,建议使用)

    严格不等于: !==(同理)

    逻辑操作

    同样用于条件语句:

    逻辑与:&& (必须左右同时成立)

    if (n > 5 && n < 10) {

    alert(n必须同时大于5且小于10,即6到9之间,条件才成立);

    }

    逻辑或:|| (任一条件成立即可)

    if (n < 5 || n > 10) {

    alert(n小于5或者大于10,条件都成立);

    }

    逻辑非: ! (相反)

    if ( !(1 > 2) ) {

    alert(小括号里先运算,再反转,结果为true);

    }

    循环语句

    当条件成立时,执行某段程式,一直循环到条件不再成立。因此,在循环过程中应对条件中的变量作一定程度的改动,条件才会发生变化,最终使条件不再成立,循环结束;否则将会进入无限循环,使电脑死机。

    While循环

    var count = 1;

    while ( count < 5 ) {

      alert(count);

      count++;

    }

    do-while: 至少会执行一次。

    var count = 1;

    do {

      alert(count);

      count++;

    } while ( count < 1 );

    For循环

    For循环将循环相关的设定全部放在括号里:

    for ( var count = 1; count < 5; count++ ) {

      alert(count);

    }

    常用于数组的遍历(全部元素走一遍)

    var names = ["John", "David", "Mike"];

    for ( var count = 0; count < names.length; count++ ) {

      alert(names[count]);

    }

    names.length可以取得数组的长度。

    相关文章

      网友评论

      • ZackLive:《JavaScript DOM 编程艺术》02

      本文标题:《JavaScript DOM 编程艺术》第2章:条件与循环

      本文链接:https://www.haomeiwen.com/subject/yfedwftx.html