当前位置:首页 > 日记 > 正文

JavaScript条件判断_动力节点Java学院整理

JavaScript条件判断_动力节点Java学院整理

JavaScript使用if () { ... } else { ... }来进行条件判断。例如,根据年龄显示不同内容,可以用if语句实现如下:

var age = 20;if (age >= 18) { // 如果age >= 18为true,则执行if语句块  alert('adult');} else { // 否则执行else语句块  alert('teenager');}

其中else语句是可选的。如果语句块只包含一条语句,那么可以省略{}:

var age = 20;if (age >= 18)  alert('adult');else  alert('teenager');

省略{}的危险之处在于,如果后来想添加一些语句,却忘了写{},就改变了if...else...的语义,例如:

var age = 20;if (age >= 18)  alert('adult');else  console.log('age < 18'); // 添加一行日志  alert('teenager'); // <- 这行语句已经不在else的控制范围了

上述代码的else子句实际上只负责执行console.log('age < 18');,原有的alert('teenager');已经不属于if...else...的控制范围了,它每次都会执行。

相反地,有{}的语句就不会出错:

var age = 20;if (age >= 18) {  alert('adult');} else {  console.log('age < 18');  alert('teenager');}

这就是为什么我们建议永远都要写上{}。

多行条件判断

如果还要更细致地判断条件,可以使用多个if...else...的组合:

var age = 3;if (age >= 18) {  alert('adult');} else if (age >= 6) {  alert('teenager');} else {  alert('kid');}

上述多个if...else...的组合实际上相当于两层if...else...:

var age = 3;if (age >= 18) {  alert('adult');} else {  if (age >= 6) {    alert('teenager');  } else {    alert('kid');  }}

但是我们通常把else if连写在一起,来增加可读性。这里的else略掉了{}是没有问题的,因为它只包含一个if语句。注意最后一个单独的else不要略掉{}。

请注意,if...else...语句的执行特点是二选一,在多个if...else...语句中,如果某个条件成立,则后续就不再继续判断了。

相关文章

基于Bootstrap分页的实例讲解 | 必

基于Bootstrap分页的实例讲解 | 必

分页,必看,实例,电脑软件,Bootstrap,前面的话分页导航几乎在每个网站都可见,好的分页能给用户带来好的用户体验。本文将详细介绍Bootstrap分页概述在Bootstrap框架中提供了两种分页导航:? 带页码的分页导航? 带翻页的分页导航页码分页带页码…

Word中2003版进行设置页眉边距界的

Word中2003版进行设置页眉边距界的

边距,设置,页眉,操作方法,操作步骤,  word作为常用的办公软件,我们常常用它来处理一些资料,需要对打印出来的文档进行一个装订,为了避免装订好后页眉文字被覆盖,今天,小编就教大家在Word中2003版进行设置页眉边距界的操作方法。Word中2003版进…

怎么用word2010制作函数图像用word

怎么用word2010制作函数图像用word

图像,函数,方法,步骤,电脑软件,  WORD编辑中常常遇到画函数图形的问题,那么怎么在word中制作函数图像呢?下面小编来告诉你怎么用word2010制作函数图像吧。希望对你有帮助!word2010制作函数图像的步骤在WORD2010文档中,将光标定位在制作图形…

详解基于node的前端项目编译时内存

详解基于node的前端项目编译时内存

编译,内存溢出,项目,详解,电脑软件,前段时间公司有个基于vue的项目在运行npm run build的时候会报内存溢出,今天在某个技术流交群也有位小伙伴基于angular的项目也出现了这个问题,所以查了一些相关的资料总结了一下,下面会详细说明前端三大框…

基于vue.js实现侧边菜单栏

基于vue.js实现侧边菜单栏

菜单栏,侧边,电脑软件,vue,js,侧边菜单栏应该是很多项目里必不可少的 自己手写了一个 下面是效果图 下面就说一下实现的过程 还是比较简单的 首先导入一下需要的文件<link rel="stylesheet" type="text/css" href="bootstrap/css/boo…

ps如何将边缘模糊

ps如何将边缘模糊

边缘,模糊,方法,如何将,图片,  当图片的边缘不合适,我们可以用ps将边缘模糊。其实这个也不算太难,下面就让小编告诉你ps如何将图片边缘模糊的方法,一起学习吧。ps将图片边缘模糊的方法在photoshop cs2里,让人物的边缘部分变得稍微模糊一点的…

Node.js读取文件内容示例

Node.js读取文件内容示例

读取文件,示例,内容,电脑软件,Node,Node.js读取文件内容包括同步和异步两种方式。1、同步读取,调用的是readFileSyncvar rf=require("fs"); var data=rf.readFileSync("test","utf-8"); console.log(data); console.log("READ FILE S…

JavaScript数据结构之二叉树的查找

JavaScript数据结构之二叉树的查找

查找,数据结构,叉树,算法示例,之二,本文实例讲述了JavaScript数据结构之二叉树的查找算法。分享给大家供大家参考,具体如下:前面文章介绍了二叉树的遍历,现在谈谈在二叉树中进行查找。对二叉查找树来说,一般有以下三类查找:最大值,最小值和给定值…

通过VBA编程怎么实现Excel工作簿只

通过VBA编程怎么实现Excel工作簿只

编程实现,编程,只显示,工作,电脑软件,  当Excel工作簿中有多个工作表时,有时希望只显示当前正在操作的工作表,可以通过VBA编程来实现让Excel工作簿只显示指定的工作表。以下是小编为您带来的关于通过VBA编程实现Excel工作簿只显示指定工作…

Excel中2010版进行多行数据变成一

Excel中2010版进行多行数据变成一

排序,操作技巧,行数,操作步骤,电脑软件,  在编辑excel表格的时候,excel表格中有多行数据,有时候需要把多行数据变成一列进行分析。今天,小编就教大家在Excel中2010版进行多行数据变成一列并排序的操作技巧。Excel中2010版进行多行数据变成一…

Javascript封装id、class与元素选

Javascript封装id、class与元素选

选择器,封装,方法,元素,示例,由于各个浏览器都支持的选择方法只有如下三种: 1、document.getElementById() 2、document.getElementsByName() 3、document.getElementsByTagName()所以在封装选择器的时候要考虑浏览器的兼容性。…

Word中文档批量转的操作技巧

Word中文档批量转的操作技巧

文档,操作技巧,批量,操作步骤,图片,  工作中有时需要将WORD文档的每一页转换成图片,如果一页一页的截图必然很慢,我们需要第三方软件来转换,批量的将DOC或DOCX文档一页页的转成图片,软件简单易用,绿色软件,无需安装。今天,小编就教大家在Word中…