• 技术文章 >web前端 >前端问答

    javascript中if语句怎么用

    青灯夜游青灯夜游2022-02-16 15:37:36原创1370

    在javascript中,if语句用于根据不同的条件来执行不同的操作,语法“if(条件表达式){// 要执行的代码;}”或“if(条件表达式){//当表达式成立时要执行的代码}else{//当表达式不成立时要执行的代码}”。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    在javascript中,if语句用于根据不同的条件来执行不同的操作。

    if语句有三种不同形式:

    if 语句

    if 语句是 JavaScript 中最简单的条件判断语句,语法格式如下:

    if(条件表达式){
        // 要执行的代码;
    }

    当条件表达式成立,即结果为布尔值 true 时,就会执行{ }中的代码。

    示例代码如下:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>JavaScript</title>
    </head>
    <body>
        <script type="text/javascript">
            var age = 20;
            if(age >= 18){      // 如果 age >= 18 的结果为 true,则执行下面 { } 中的代码
                alert("adult");
            }
        </script>
    </body>
    </html>

    运行结果如下图所示:

    1.gif

    if else 语句

    if else 语句是 if 语句的升级版,它不仅可以指定当表达式成立时要执行的代码,还可以指定当表达式不成立时要执行的代码,语法格式如下:

    if(条件表达式){
        // 当表达式成立时要执行的代码
    }else{
        // 当表达式不成立时要执行的代码
    }

    示例代码如下:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>JavaScript</title>
    </head>
    <body>
        <script type="text/javascript">
            var now = new Date();           // 获取当前的完整日期
            var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字,用来表示当前是星期几,0 表示星期日、1 表示星期一、以此类推
            if (dayOfWeek > 0 && dayOfWeek < 6) {       // 判断:如果当前是星期一到星期五中的一天,则输出“Have a nice day!”,若不是则输出“Have a nice weekend!”
                alert("Have a nice day!");
            } else {
                alert("Have a nice weekend!");
            }
        </script>
    </body>
    </html>

    运行结果如下图所示:

    2.gif

    if else if else 语句

    if 和 if else 语句都只有一个条件表达式,而 if else if else 语句是它们更高级的形式,在 if else if else 语句中允许您定义多个条件表达式,并根据表达式的结果执行相应的代码,语法格式如下:

    if (条件表达式 1) {
        // 条件表达式 1 为真时执行的代码
    } else if (条件表达式 2) {
        // 条件表达式 2 为真时执行的代码
    }
    ...
      else if (条件表达式N) {
        // 条件表达式 N 为真时执行的代码
    } else {
        // 所有条件表达式都为假时要执行的代码
    }

    提示:if else if else 语句在执行过程中,当遇到成立的条件表达式时,会立即执行其后{ }中的代码,然后退出整个 if else if else 语句,若后续代码中还有成立的条件表达式,则不会执行。

    示例代码如下:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>JavaScript</title>
    </head>
    <body>
        <script type="text/javascript">
            var now = new Date();           // 获取当前的完整日期
            var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字,用来表示当前是星期几,0 表示星期日、1 表示星期一、以此类推
            if(dayOfWeek == 0) {            // 判断当前是星期几
                alert("星期日")
            } else if(dayOfWeek == 1) {
                alert("星期一")
            } else if(dayOfWeek == 2) {
                alert("星期二")
            } else if(dayOfWeek == 3) {
                alert("星期三")
            } else if(dayOfWeek == 4) {
                alert("星期四")
            } else if(dayOfWeek == 5) {
                alert("星期五")
            } else {
                alert("星期六")
            }
        </script>
    </body>
    </html>

    运行结果如下图所示:

    3.gif

    注意事项

    使用嵌套 if else 时,如果只有一行语句,也应该使用大括号包裹起来,避免条件歧义。

    例如,下面嵌套 if else 就容易引发误解:

    if(0)
        if(1)
            console.log(1);
    else
        console.log(0);

    针对上面代码,JavaScript 解释器将根据就近原则,按如下逻辑层次进行解释:

    if(0)
        if(1)
            console.log(1);
        else
            console.log(0);

    因此使用大括号可以避免很多问题:

    if(0){
        if(1) console.log(1);
    }else{
        console.log(0);
    }

    【相关推荐:javascript学习教程

    以上就是javascript中if语句怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript if语句
    上一篇:javascript代码必须写在html中吗 下一篇:javascript怎么修改h4标签的内容
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• javascript怎么去掉小数点后两位• 总结分享: 6 种JavaScript的打断点的方式(收藏学习)• JavaScript怎么求多个数的平均值• javascript绑定事件有哪些方式• javascript怎么判断字符串是否是数字• javascript中为什么字符串不可变
    1/1

    PHP中文网