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实战_读书笔记1—选择jQuery
Jan 22 Javascript
表单JS弹出填写提示效果代码
Apr 16 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
javascript如何创建对象
Aug 29 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
vue中七牛插件使用的实例代码
Jul 28 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
Dec 26 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
Apr 21 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
Sep 13 Javascript
vue里的data要用return返回的原因浅析
May 28 Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 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 过滤页面中的BOM(实现代码)
2013/06/29 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
php中fsockopen用法实例
2015/01/05 PHP
PHP实现的简单适配器模式示例
2017/06/22 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
2014/05/28 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
浅谈html转义及防止javascript注入攻击的方法
2016/12/04 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
Vue数据双向绑定原理及简单实现方法
2018/05/18 Javascript
JavaScript引用类型Object常见用法实例分析
2018/08/08 Javascript
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
浅析Python中的多重继承
2015/04/28 Python
Python WEB应用部署的实现方法
2019/01/02 Python
python实现共轭梯度法
2019/07/03 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
解决运行django程序出错问题 'str'object has no attribute'_meta'
2020/07/15 Python
Python基于tkinter canvas实现图片裁剪功能
2020/11/05 Python
美国最好的钓鱼、狩猎和划船装备商店:Bass Pro Shops
2018/12/02 全球购物
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
网络管理专业求职信
2014/03/15 职场文书
金融系应届毕业生求职信
2014/05/26 职场文书
中学生关于梦想的演讲稿
2014/08/22 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
开除员工通知
2015/04/22 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
nginx内存池源码解析
2021/11/20 Servers