javascript中的if语句如何使用


这篇“javascript中的if语句如何使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“javascript中的if语句如何使用”文章吧。

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

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

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

if语句有三种不同形式:

  • if 语句;

  • if else 语句;

  • if else if else 语句;

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>

运行结果如下图所示:

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>

运行结果如下图所示:

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>

运行结果如下图所示:

注意事项

使用嵌套 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中的if语句如何使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注主机评测网行业资讯频道。


上一篇:Java的分支结构与循环实例分析

下一篇:C#如何实现chart控件动态曲线绘制


Copyright © 2002-2019 测速网 www.inhv.cn 皖ICP备2023010105号
测速城市 测速地区 测速街道 网速测试城市 网速测试地区 网速测试街道
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!

热门搜索 城市网站建设 地区网站制作 街道网页设计 大写数字 热点城市 热点地区 热点街道 热点时间 房贷计算器