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插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
JS调试必备的5个debug技巧
Mar 07 Javascript
js 3秒后跳转页面的实现代码
Mar 10 Javascript
js style动态设置table高度
Oct 21 Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
electron中使用bootstrap的示例代码
Nov 06 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 jQuery
Vue 解决路由过渡动画抖动问题(实例详解)
Jan 05 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 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 错误
2009/05/21 PHP
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
浅析application/x-www-form-urlencoded和multipart/form-data的区别
2014/06/22 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
15款优秀的jQuery导航菜单插件分享
2011/07/19 Javascript
javascript实现tabs选项卡切换效果(扩展版)
2013/03/19 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
Js操作树节点自动折叠展开的几种方法
2014/05/05 Javascript
Javascript中的五种数据类型详解
2014/12/26 Javascript
js实现背景图片感应鼠标变化的方法
2015/02/28 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
新手入门带你学习JavaScript引擎运行原理
2019/06/24 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
python如何通过实例方法名字调用方法
2018/03/21 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
介绍一下内联、左联、右联
2013/12/31 面试题
2014年五一活动策划方案
2014/03/15 职场文书
给校长的建议书400字
2014/05/15 职场文书
公司年会策划方案
2014/05/17 职场文书
主要负责人任命书
2014/06/06 职场文书
计划生育标语
2014/06/23 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
道路交通事故人身损害赔偿协议书
2014/11/19 职场文书
大学生暑假实习总结
2015/07/13 职场文书
幼儿园中班教育随笔
2015/08/14 职场文书
Python基础之Socket通信原理
2021/04/22 Python
Python django中如何使用restful框架
2021/06/23 Python
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript