JS基础教程5——流程控制—条件判断

简介: if语句来规定假定条件为true时,被执行的代码或代码块。

JS基础教程5——流程控制—条件判断


JS基础教程5——流程控制—条件判断


if语句


if语句来规定假定条件为true时,被执行的代码或代码块。

if (条件) {
    条件为true时执行代码或者代码块。
}


else语句


else语句用来规定假定条件为false时,被执行的代码或代码块。

if (条件) {
    条件为true时执行的代码或代码块
} else {
    条件为false时执行的代码或者代码块
}


else if语句


、、、、 、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、】、、】、】、、、、、、、、】、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、】、else if语句用来规定第一个条件为false而后续第一个条件为true时,被执行的代码或代码块。

if (条件1) {
    条件1为true时执行的代码或代码块
} else if (条件2) {
    条件1为false而条件2为true时执行的代码或代码块
} else {
    所有条件都不满足时执行的代码或代码块
}

ifelse在语句中只会存在一个,而else if在语句中可以存在任意个。


switch语句


使用 switch 语句来选择多个需被执行的代码块之一,例如:

switch (表达式) {
    case a:
        代码块
        break;
    case b:
        代码块
        break;
    case c:
        代码块
        break;
    default:
        默认代码块
}

根据表达式与case中的值判断执行其中一个代码块,如果都不满足所有case后的条件则执行default下的默认代码块,需要注意每一个代码块后要加、break关键词(default后可以不加),否则当b满足表达式时不会停止执行还会继续向下执行直到结束。


break关键词


break关键词用于跳出if等语句或跳出switch语句,其中最后一个判断不用break自动会跳出,因此最后一个判断通常不加break,使用break主要作用是能够节省大量执行时间。


cuntinue关键词


continue 用于跳过循环中的一个迭代,并继续执行循环中的下一个迭代,与break不同得是continue是跳出单词循环而break是跳出整个循环。


default关键词


default 关键词规定不存在 case 匹配时所运行的代码,相当于else

相关文章
|
26天前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
33 2
JavaScript基础知识-流程控制之while循环
|
2月前
|
JavaScript
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
144 0
|
26天前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之for循环
这篇文章讲解了JavaScript中的for循环的基础知识,并通过一个实例演示了如何使用for循环来找出所有的三位水仙花数。
38 6
JavaScript基础知识-流程控制之for循环
|
1月前
|
JavaScript NoSQL 前端开发
|
28天前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
30 0
|
29天前
|
JavaScript 前端开发 API
解锁前端开发新境界:Vue.js携手Webpack,打造高效构建流程,你的项目值得拥有!
【8月更文挑战第30天】随着前端技术的发展,模块化与组件化趋势愈发显著。Vue.js 以其简洁的 API 和灵活的组件系统,深受开发者喜爱;Webpack 则凭借强大的模块打包能力成为前端工程化的基石。两者结合,不仅简化了组件编写与引用,还通过模块热替换、代码分割等功能大幅提升开发效率。本文将通过具体示例,展示如何利用 Vue.js 和 Webpack 构建高效、有序的前端开发环境。从安装配置到实际应用,逐步解析这一组合的优势所在。
36 0
|
2月前
|
JSON JavaScript 数据格式
vue 绘制波形图 wavesurfer.js (音频/视频) 【实用教程】
vue 绘制波形图 wavesurfer.js (音频/视频) 【实用教程】
297 3
|
2月前
|
前端开发 NoSQL 数据库
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
|
2月前
|
JavaScript
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
173 0
|
2月前
|
开发框架 监控 JavaScript
企业级node.js开发框架 【egg.js】 实用教程
企业级node.js开发框架 【egg.js】 实用教程
38 0