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/

相关文章
|
2月前
|
JavaScript 前端开发 算法
设计一个简单的JavaScript版“俄罗斯方块”游戏的基本逻辑流程。
```md 设计JavaScript版俄罗斯方块游戏涉及初始化环境、创建游戏容器、管理变量、加载音效。游戏循环中生成方块、键盘控制移动与旋转、碰撞锁定、行消除及分数更新。当游戏区域填满时结束游戏,显示结束画面。还包括暂停、重置等辅助功能。伪代码示例展示了核心逻辑,实际实现需考虑更多细节和用户体验增强。 ```
70 3
|
2月前
|
JavaScript 前端开发
javascript中的switch用法
javascript中的switch用法
|
2月前
|
Web App开发 JavaScript 前端开发
Node.js 的事件循环原理、工作流程
Node.js 的事件循环原理、工作流程
72 0
|
2月前
|
JavaScript 前端开发 开发者
从0开始学习JavaScript--JavaScript 流程控制
JavaScript中的流程控制结构是编写结构化、可读性强的代码的关键。本文将深入研究JavaScript中的流程控制,包括条件语句、循环结构、跳转语句等,并通过丰富的示例代码来更全面地了解和运用这些概念。
|
2月前
|
Android开发
Autox.js 脚本开发环境搭建,从案例到打包apk(详细流程)
Autox.js 脚本开发环境搭建,从案例到打包apk(详细流程)
916 0
|
2月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
17天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
29 3
|
1天前
|
JavaScript 前端开发
JavaScript中的switch语句详解
JavaScript中的switch语句详解
|
19天前
|
JavaScript 前端开发
JavaScript基础-运算符与条件语句
【6月更文挑战第11天】本文探讨了JavaScript中的运算符和条件语句,包括算术、比较、逻辑、赋值及三元运算符。强调了使用严格等于`===`避免类型转换错误,理解逻辑运算符短路特性和优化条件结构以提高代码可读性。通过示例展示了正确使用这些概念,以提升代码质量和维护性。
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js的工作流程管理系统附带文章和源代码设计说明文档ppt
基于springboot+vue.js的工作流程管理系统附带文章和源代码设计说明文档ppt
18 0