JavaScript的流程控制之if条件语句和switch选择语句(一)

简介: JavaScript的流程控制(一)接下来我么来讲一下JavaScript的流程控制,JavaScript中的流程控制主要包括条件语句和循环语句。这篇博客主要讲条件语句。说到条件语句主要包括if条件语句和switch选择语句两种。1.if语句 //语法: // if(判断的条件){ // 条件成立时的执行代码 // } //if语句当条件不成立时,不执行任何的代码 var oDate=new Date(); console.log(oDate.getDay()); if(oDate.getDay()==6){

JavaScript的流程控制(一)




接下来我么来讲一下JavaScript的流程控制,JavaScript中的流程控制主要包括条件语句和循环语句。这篇博客主要讲条件语句。说到条件语句主要包括if条件语句和switch选择语句两种。

1.if语句


//语法:// if(判断的条件){//     条件成立时的执行代码// }//if语句当条件不成立时,不执行任何的代码varoDate=newDate();
console.log(oDate.getDay());
if(oDate.getDay()==6){
console.log("今天是星期五")
    }


2.if…else语句


if…esle语句,当条件成立时,执行if后面的执行代码,不成立时 执行else代码块。


 

//语法:// if(判断的条件){//     // 条件成立时执行代码// }else{//     // 条件不成立时执行的代码// }if(oDate.getDay()==6){
console.log("今天是星期六")
    }else{
console.log("今天不是星期六")
    }


3.if…else if…else语句


使用 if…else if…else 语句来选择多个代码块之一来执行。


 

// 语法:// if(判断条件){//     // 当前条件成立时 执行的代码// }else if(判断条件2){//     // 当前条件2成立时 执行的代码// }else if(){//     ...// }else{//     // 当所有的条件都不成立时 执行的代码// }varaDays=[1,2,3,4,5,6,7];
varoDay=aDays[6]
if(oDay==1){
console.log("今天是星期一")
    }elseif(oDay==2){
console.log("今天是星期二")
    }elseif(oDay==3){
console.log("今天是星期三")
    }elseif(oDay==4){
console.log("今天是星期四")
    }elseif(oDay==5){
console.log("今天是星期五")
    }elseif(oDay==6){
console.log("今天是星期六")
    }else{
console.log("今天是星期天")
    }

4.switch 语句


switch 语句用于基于不同的条件来执行不同的动作。

// 语法:// switch (key) {//     case 当key为value1://         // 执行代码//         break;//     case 当key为value2://         // 执行代码//         break;//     case 当key为value3://         // 执行代码//         break;//     case 当key为value4://         // 执行代码//         break;//     ...//     default:  //         //当key  匹配不到case时  默认的执行的代码//         break;// }varoDate=newDate();
varoDay=aDate.getDay();
switch (oDay) {
case1:
console.log("今天是星期一");
break;
case2:
console.log("今天是星期二");
break;
case3:
console.log("今天是星期三");
break;
case4:
console.log("今天是星期四");
break;
case5:
console.log("今天是星期五");
break;
case6:
console.log("今天是星期六");
break;
default:
console.log("今天是星期天");
break;
    }


这里主要要强调一个问题就是switch语句中,每个case语句结束后,必须都要加上一个break,用来结束当前的语句继续向下执行。如果忘记了添加break,每一个case执行完不会立马结束,而回继续向下执行,如下面的代码:


varnumber=1;
switch (number){
case1: console.log(number);
case2: console.log(number);
case3: console.log(number);
case4: console.log(number);
case5: console.log(number);
default :console.log(number);
    }
// 上边的代码每种 case 都会执行一遍,即在浏览器控制台打印 6 遍 1。

最后再总结一下if语句和switch语句的区别和应用场景。


if条件语句和switch选择语句的比较:


   switch语句只支持常量值相等的分支判断,而if语句支持更为灵活,任意布尔表达式均可。

   switch语句通常比一系列嵌套if语句效率更高;逻辑更加清晰。


if语句和switch语句的使用场景


   switch选择语句建议判断固定值的时候用

   if条件语句建议判断区间或范围的时候用

   最后用switch选择语句可以实现的,用if都可以实现,但是反过来则不行。


视频讲解链接:https://www.bilibili.com/video/BV1mC4y1H7oZ/

相关文章
|
6月前
|
JavaScript 前端开发 算法
设计一个简单的JavaScript版“俄罗斯方块”游戏的基本逻辑流程。
```md 设计JavaScript版俄罗斯方块游戏涉及初始化环境、创建游戏容器、管理变量、加载音效。游戏循环中生成方块、键盘控制移动与旋转、碰撞锁定、行消除及分数更新。当游戏区域填满时结束游戏,显示结束画面。还包括暂停、重置等辅助功能。伪代码示例展示了核心逻辑,实际实现需考虑更多细节和用户体验增强。 ```
131 3
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
52 2
JavaScript基础知识-流程控制之while循环
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
65 3
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之for循环
这篇文章讲解了JavaScript中的for循环的基础知识,并通过一个实例演示了如何使用for循环来找出所有的三位水仙花数。
51 6
JavaScript基础知识-流程控制之for循环
|
2月前
|
JavaScript 前端开发
JavaScript switch 语句
JavaScript switch 语句
27 1
|
2月前
|
JavaScript 前端开发
JS基础 if和switch区别
本文比较了JavaScript中的`if`语句和`switch`语句的区别,并通过示例代码展示了它们的用法,解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。
19 0
|
3月前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
49 0
|
3月前
|
JavaScript 前端开发 API
解锁前端开发新境界:Vue.js携手Webpack,打造高效构建流程,你的项目值得拥有!
【8月更文挑战第30天】随着前端技术的发展,模块化与组件化趋势愈发显著。Vue.js 以其简洁的 API 和灵活的组件系统,深受开发者喜爱;Webpack 则凭借强大的模块打包能力成为前端工程化的基石。两者结合,不仅简化了组件编写与引用,还通过模块热替换、代码分割等功能大幅提升开发效率。本文将通过具体示例,展示如何利用 Vue.js 和 Webpack 构建高效、有序的前端开发环境。从安装配置到实际应用,逐步解析这一组合的优势所在。
49 0
|
3月前
|
JavaScript 前端开发
深入JavaScript的条件语句:if...else和switch
深入JavaScript的条件语句:if...else和switch
|
4月前
|
前端开发 NoSQL 数据库
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改