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 相关文章推荐
FileUpload上传图片(图片不变形)
Aug 05 Javascript
使用js完成节点的增删改复制等的操作
Jan 02 Javascript
14个有用的Jquery技巧分享
Jan 08 Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
Sep 14 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
May 10 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
Js代码中的span拼接问题解决
Nov 22 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
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
MYSQL环境变量设置方法
2007/01/15 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
php获取apk包信息的方法
2014/08/15 PHP
PHP如何将XML转成数组
2016/04/04 PHP
smarty自定义函数用法示例
2016/05/20 PHP
PHP基于新浪IP库获取IP详细地址的方法
2017/05/04 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
浅谈PHP无限极分类原理
2019/03/14 PHP
PHP+百度AI OCR文字识别实现了图片的文字识别功能
2019/05/08 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
javascript制作坦克大战全纪录(2)
2014/11/27 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2016/06/05 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
Node.js中DNS模块学习总结
2018/02/28 Javascript
webpack4 升级迁移的实现
2018/09/12 Javascript
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
Python 数据结构之旋转链表
2017/02/25 Python
python实现发送邮件功能
2017/07/22 Python
解决django model修改添加字段报错的问题
2019/11/18 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
学习雷锋月活动总结
2014/07/03 职场文书
补充协议书
2015/01/28 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python