(6)javascript的程序控制结构及语句-----(1)条件判断
程序控制结构及语句
编程就是将现实应用,转换为程序能够读得懂的语法语句。Javascript编程中对程序流程控制主要是通过条件判断语句、循环控制语句及continue、break来完成的,其中条件判断按预先设定的条件执行顺序,它包括if语句和switch语句;而循环控制语句则可以重复完成任务,它包括while语句、do...while语句及for语句。
一、条件判断语句:
条件判断语句就是对语句中不同条件的值进行判断,进而根据不同条件执行不同的语句。条件判断语句有“if条件语句”和“switch多分支语句”。
(1)、if条件语句
是条件选择语句,语法格式:
if (条件语句表达式)
{
只有当条件语句表达式为 true 时执行的代码
}

例子1:
var y;
y=80;
if(y>120) //表达式为false alert("执行语句1信息");//if结构只能控制它下面一条语句 alert("执行语句2"); //因y>120表达式为false,故执行此语句 注意:只弹出 ”语句2“ ,而 ”此只执行语句1信息“ 不会弹出 例子2: var y;
y=80;
if(y>120){ //if控制{}所有语句 alert("语句1"); alert("语句2"); } 注意:两条都不执行,因为y>120为false 注意:所有结构都是如此,默认只能控制结构下方一条语句,想控制多条必须加在大括号{}中

案例:

<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="keywords" content="javascript的程序控制结构与语句,javascript入门">
<meta name="description" content="老罗江湖">
<title> if语句的使用 </title>
</head>
<body>
<p>如果时间早于21:00,会获得问候“very Good”。</p>
<button onclick="myFunction()">单击这里</button>
<p id="demo"></p>
<script type="text/javascript">
function myFunction()
{
var x="";
var time=new Date().getHours(); //获取系统日期、获取此时此刻“时针数”
if (time<22) //22代表“时间”填写时,注意根据时间而定。
{
x="very Good";
}
document.getElementById("demo").innerHTML=x;
}
</script>
<p>请注意,上面在if语句中,没有 ..else..。您已经告诉浏览器只有在指定条件为 true 时才执行代码。</p>
</body>
</html>

效果图:
请使用小写的 if,使用大写字母(IF)会生成 JavaScript 错误!请注意,上面在if语句中,没有 ..else..。您已经告诉浏览器只有在指定条件为 true 时才执行代码。
2、if...else 语句 :
用于需要用两个程序分支来执行的情况。 If...else语法:

If(条件表达式)
{
当 条件表达式 成立 “为true”时执行这语句段
}
else{
当 条件表达式 不成立“为false”时执行这语句段
}
//当条件为 true 时执行if后面的从句,当条件为 false 时执行else后面部分的从句。

案例:

<script type="text/javascript">
var y = "Beautiful Girl";
if( y != "Beautiful Girl")
{
document.write('<h3 style="text-algin:center;color:pink;">欢迎素颜美女光临</h3>');
}
else{
document.write('<p style="font-size:30px;color:red;">先天问题请化妆再来</p>');
}</script>

效果图:对变量y的值进行判断,如果y值不等于Beautiful Girl,则输出粉红色字符;否则输出红色字符。
3、If...else if...else语句
使用 if....else if...else语句来选择多个代码块之一来执行。语法格式:

if(条件1)
{
当条件1为true是执行的代码
}
else if(条件2)
{
当条件2为true时执行的代码
}
else{
当条件1和条件2都不为true是执行的代码
}

案例:

<title> if...else if...else语句的使用 </title>
</head>
<body>
<p>如果时间早于21:00,会获得问候“very Good”。</p>
<button onclick="myFunction()">单击这里</button>
<p id="demo"></p>
<script type="text/javascript">
function myFunction()
{
var d = new Date(); //获取系统日期
var time=d.getHours(); //获取此时此刻“时针数”
if (time<10)
{
document.write('Good morning');
}
else if (time<18)
{
document.write('Good afternoon');
}
else
{
document.write('Good evening');
}
}
</script>
</body>

效果图:如果时间小于 10:00,则将发送问候 "Good morning",否则如果时间小于 18:00,则发送问候 "Good afternoon",否则发送问候 "Good evening",因此时是晚上九点钟,所以输出的结构为下图:
4、if语句的嵌套
If语句可以嵌套使用。当使用if语句的嵌套应用时,最好使用“{ }”来确定相互的层次关系,由于大括号“{ }”使用的位置不同,可能导致程序代码的含义完全不同,从而输出不同的结果。
案例:

<title> if语句的嵌套 </title>
</head>
<body>
<script type="text/javascript">
var x=20;y=x; //x、y值都为20
if(x<1) //x为20,不满足此条件,故其下面的代码不会执行
{
if(y==5)
alert("x<1&&y==5");
else
alert("x<1&&y!==5");
}
else if(x>15) //x满足条件,继续执行下面的语句
{
if(y==5) //y为20,不满足此条件,故其下面的代码不会执行(已满足的不会被执行)
alert("x>15&&y==5");
else //y满足条件,继续执行下面的语句
alert("x>15&&y!==5") //这里是程序输出的结果
}
</script>
</body>

效果图:
5、switch语句
switch选择语句用于将一个表达式的结果同多个值进行比较,并根据比较结果选择执行语句。语法:

Switch(表达式)
{
aase取值1:
语句块1;break
case取值2:
语句块2;break;
...
case取值n:
语句块n;break;
Default:
语句块n+1;
}

switch必须赋初始值,值与每个case值匹配。满足执行该case后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。记得在case所执行的语句后添加上一个break语句,否则就直接继续执行下面的case中的语句。
案例:

<script type="text/javascript">
var now=new Date();
var day=now.getDay(); //获取系统当前日期
var week;
switch (day){
case 1:
week="Monday";
break;
case 2:
week="Tuesday";
break;
case 3:
week="Wednesday";
break;
case 4:
week="Thursday";
break;
case 5:
week="Friday";
break;
case 6:
week="Saturday";
break;
default:
week="Sunday";
break;
}
document.write("今天是"+week); //输出今天是星期几
</script>

效果图:
总结:
结合上面介绍的内容:If语句是常用语句,switch语句是效率高语句,对于判断条件较小的可以使用if语句,但是在现实一些条件判断中,就应该使用switch语句。
以上的内容部分来自“javascript从零开始学”和个人学习笔记,转载请注明出处!谢谢合作!
(6)javascript的程序控制结构及语句-----(1)条件判断的更多相关文章
- javascript的程序控制结构及语句------(2)循环控制语句、跳转语句、对话框
一.循环控制语句 循环语句主要就是在满足条件的情况下反复执行某一个操作,循环控制语句主要包括while语句.do...while语句 和for语句. 1.While语句 语法: While(条件表达式 ...
- (7)javascript的程序控制结构及语句------(2)循环控制语句、跳转语句、对话框
一.循环控制语句 循环语句主要就是在满足条件的情况下反复执行某一个操作,循环控制语句主要包括while语句.do...while语句 和for语句. 1.While语句 语法: While(条件表达式 ...
- 前端笔记知识点整合之JavaScript(二)关于运算符&初识条件判断语句
运算符 数学运算符的正统,number和number的数学运算,结果是number.出于面试的考虑,有一些奇奇怪怪的数学运算: 数学运算中:只有纯字符串.布尔值.null能够进行隐式转换. //隐 ...
- 前端笔记之JavaScript(二)关于运算符&初识条件判断语句
运算符 数学运算符的正统,number和number的数学运算,结果是number.出于面试的考虑,有一些奇奇怪怪的数学运算: 数学运算中:只有纯字符串.布尔值.null能够进行隐式转换. //隐式转 ...
- sql语句where条件判断是否是相同的string时 原来不判断大小写
SELECT * from api_check where api ="Worker" SELECT * from api_check where api ="worke ...
- c语言学习笔记 if语句的条件判断
可能经常会看到错误的if语句示范,比如这样的: if(a=6) { printf("hello"); } if语句块执行的条件是if条件的运算结果不是0则执行if语句块. a=6这 ...
- SQL语句 常用条件判断
条件判断写法: 对每天记录执行操作时,判断所限制的条件-----> 操作符: = <>(不匹配检查) != &l ...
- Python的条件判断语句------if/else语句
计算机之所以能做很多自动化的任务,因为它可以自己做条件判断. 比如,输入用户的年龄,根据年龄打印不同的内容... Python程序中,能让计算机自己作出判断的语句就是if语句: 例: age = 25 ...
- 求1+2+…+n,要求不能使用乘除法、for、while、if、else、s witch、case 等关键字以及条件判断语句(A?B:C)和不用循环/goto/递归输出1~100的10种写法
来源:据说是某一年某个公司的面试题 题目:求1+2+…+n, 要求不能使用乘除法.for.while.if.else.s witch.case 等关键字以及条件判断语句(A?B:C) 分析:这题本来很 ...
随机推荐
- AutoFac学习摘要
依赖注入(控制反转)常见的依赖注入工具:AutoFac,Spring.Net,Unity等依赖注入的方式:1.通过构造函数进行注入2.通过属性进行注入 注意:在项目中AutoFac的注入有两次,第一次 ...
- 蚂蚁金服新一代数据可视化引擎 G2
新公司已经呆了一个多月,目前着手一个数据可视化的项目,数据可视化肯定要用到图形库如D3.Highcharts.ECharts.Chart等,经决定我的这个项目用阿里旗下蚂蚁金服所开发的G2图表库. 官 ...
- 【转】MyISAM和InnoDB 区别
InnoDB和MyISAM是MySQL最常用的两个表类型,这两个表类型各有优劣,视具体应用而定.基本的差别为:MyISAM类型不支持事务处理等高级处理,而InnoDB类型支持.MyISAM类型的表强调 ...
- jQuery手风琴菜单!!!!
jQuery手风琴菜单 第一次发博客也不知道说点什么好,以前敲得一个手风琴菜单刚刚整理出来了,就来分享个大家 手风琴的排版 排版完事了,接下来就写样式吧,把自己喜欢的颜色或者是图片添加进来,就会变成你 ...
- JDK版本会影响项目部署
最近在公司里面部署javaweb项目的时候,项目启动的时候报错,我使用了各种方法来寻找答案,将近花了很长的时间.就在今天我终于找到了问题的根源,我开始用的是JDK1.8的版本,换了一个1.7版本的JD ...
- 【转】c++ new操作符的重载
基本概念: 1. 操作符重载:C++支持对某个操作符赋予不同的语义 2. new操作符:申请内存,调用构造函数 关于c++ new操作符的重载 你知道c++ 的new 操作符和operator new ...
- CMD和seaJS
前面的话 CMD(Common Module Definition)表示通用模块定义,该规范是国内发展出来的,由阿里的玉伯提出.就像AMD有个requireJS,CMD有个浏览器的实现SeaJS,Se ...
- 每天一道Java题[7]
题目 什么是REST原则,请解释RESTful架构,以及其设计思想? 解答 REST,全称为Representation State Transfer,是一种互联网软件的架构原则.凡是满足REST原则 ...
- Day4-生成器generator
列表生成式 需求:列表[0,1,2,3,4,5,6,7,8,9]每个值加1,如何实现? 方法1:列表追加 >>> a = [0,1,2,3,4,5,6,7,8,9] >> ...
- (基础篇 走进javaNIO)第一章-java的i/o演进之路
Java 是由 SUN公司在 1995 年首先发布 的编程语 言和计算平 台.这基础技术 支持最新 的程序 ,包括 实用程序 .游 戏和业 务应用程序 .J ava 在世界各地 的 8.5 亿 多 ...