JavaScript中的条件判断语句使用详解


Posted in Javascript onJune 03, 2015

 在写一个程序,可能有一种情况,当你需要采用一个路径出给定两个路径。所以,需要使用条件语句,让程序来做出正确的决策和执行正确的行动。

JavaScript支持其用于执行根据不同的条件不同的操作条件语句。在这里,我们将解释if..else语句。

JavaScript支持if..else语句的形式如下:

  •     if 语句
  •     if...else 语句
  •     if...else if... 语句.

if 语句:

if语句是基本的控制语句,它允许JavaScript来作出决定,有条件地执行语句。
语法:

if (expression){
  Statement(s) to be executed if expression is true
}

这里的JavaScript表达式expression求值。如果得到的值是true,给定语句执行。如果表达式为假则声明将不执行。大部分的时间你会使用比较运算在使用决策时。
例子:

<script type="text/javascript">
<!--
var age = 20;
if( age > 18 ){
  document.write("<b>Qualifies for driving</b>");
}
//-->
</script>

这将产生以下结果:

Qualifies for driving

if...else 语句:

在if ... else语句是控制语句的下一个表单,允许JavaScript执行更可控语句。
语法

if (expression){
  Statement(s) to be executed if expression is true
}else{
  Statement(s) to be executed if expression is false
}

这里JavaScript表达式求值。如果结果值是真实的,给定语句在if块(S),被执行。如果表达式是假,则定的else语句块被执行。
例子:

<script type="text/javascript">
<!--
var age = 15;
if( age > 18 ){
  document.write("<b>Qualifies for driving</b>");
}else{
  document.write("<b>Does not qualify for driving</b>");
}
//-->
</script>

这将产生以下结果:

Does not qualify for driving

 
if...else if... 语法:

在if...else if... .控制语句的一个层面推进的形式,JavaScript做正确的决策出了几个条件。
语法

if (expression 1){
  Statement(s) to be executed if expression 1 is true
}else if (expression 2){
  Statement(s) to be executed if expression 2 is true
}else if (expression 3){
  Statement(s) to be executed if expression 3 is true
}else{
  Statement(s) to be executed if no expression is true
}

代码没有什么特别之处。这仅仅是一系列的if语句,其中每个if之前的语句是else子句的一部分。声明是基于true条件执行的,如果非条件是true,那么else块执行。
例子:

<script type="text/javascript">
<!--
var book = "maths";
if( book == "history" ){
  document.write("<b>History Book</b>");
}else if( book == "maths" ){
  document.write("<b>Maths Book</b>");
}else if( book == "economics" ){
  document.write("<b>Economics Book</b>");
}else{
 document.write("<b>Unknown Book</b>");
}
//-->
</script>

这将产生以下结果:

Maths Book
Javascript 相关文章推荐
jQuery TextBox自动完成条
Jul 22 Javascript
JavaScript中使用正则匹配多条,且获取每条中的分组数据
Nov 30 Javascript
在页面加载完成后通过jquery给多个span赋值
May 21 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
Oct 31 Javascript
JavaScript函数详解
Nov 17 Javascript
使用jQuery在对象中缓存选择器的简单方法
Jun 30 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
vue-cli 3.x 修改dist路径的方法
Sep 19 Javascript
vue-cli 目录结构详细讲解总结
Jan 15 Javascript
js array数组对象操作方法汇总
Mar 18 Javascript
vue 函数调用加括号与不加括号的区别
Oct 29 Javascript
简单介绍JavaScript的变量和数据类型
Jun 03 #Javascript
在HTML中插入JavaScript代码的示例
Jun 03 #Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 #Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 #Javascript
浅谈javascript中基本包装类型
Jun 03 #Javascript
js中函数声明与函数表达式
Jun 03 #Javascript
JavaScript基本语法讲解
Jun 03 #Javascript
You might like
PHP session常见问题集锦及解决办法总结
2007/03/18 PHP
PHP计数器的实现代码
2013/06/08 PHP
分享3个php获取日历的函数
2015/09/25 PHP
php使用CURL模拟GET与POST向微信接口提交及获取数据的方法
2016/09/23 PHP
php根据命令行参数生成配置文件详解
2019/03/15 PHP
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
js post方式传递提交的实现代码
2010/05/31 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
js图片自动切换效果处理代码
2013/05/07 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
jquery模拟进度条实现方法
2015/08/03 Javascript
基于jquery实现表格无刷新分页
2016/01/07 Javascript
jQuery动态添加
2016/04/07 Javascript
JS中对数组元素进行增删改移的方法总结
2016/12/15 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
浅谈目前可以使用ES10的5个新特性
2019/06/25 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
Python实现八大排序算法
2016/08/13 Python
Python创建普通菜单示例【基于win32ui模块】
2018/05/09 Python
Tesserocr库的正确安装方式
2018/10/19 Python
python 标准差计算的实现(std)
2019/07/29 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
个人求职简历中英文自我评价
2013/12/16 职场文书
远程研修随笔感言
2014/02/10 职场文书
争先创优个人总结
2015/03/04 职场文书
2015年行政工作总结范文
2015/04/09 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书