Javascript(三):控制流

2024-04-28 03:18
文章标签 java script 控制流

本文主要是介绍Javascript(三):控制流,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

       根据上一节 Javascript(二):变量 的学习,个人感觉js中变量的定义还是挺简单的,只用到了关键词var就可以解决。本节继续学习js的语法中的控制流如何使用,也就是条件的判断,针对某一种情况执行特定的代码。

第一种:if/else条件语句判断

基本语法:if(条件){  };

                else{  };

当条件为真时,执行if后面括号中的内容;条件为假,执行else后面括号中的内容。

例如,在js文件中输入如下代码:

var insa=true;
if(insa){console.log(typeof "asdfsda");
}
else {console.log('asdfsda');
}

执行后,会返回string,也就是执行了if后面大括号中的内容,返回了字符串asdfsda的类型。

在这里插一个小插曲:我在执行如上代码时,浏览器中开发者工具的控制台返回SCRIPT7002: XMLHttpRequest: 网络错误 0x80700013。


如果你也遇到同样的问题,请看我的另一篇博客:XMLHttpRequest:网络错误 0x80700013解决方法

继续回到学习主题。如果代码向上述一样,if/else后面的大括号中,如果只有一条语句,那么大括号可以省略不写。

除了上面例子中的条件类型为true/false时,会执行条件判断,还有其他的值的类型也会被执行。在js中,有一些值会被默认为false:①数字零(0);②空字符串(‘ ’);③不是一个数(NaN);④空(null);⑤未定义(undefined)。

第二种:switch/case条件语句判断 

if/else语句是用于条件二分时的判断,当条件变多时,不断的在if条件中嵌套if/else语句会显得比较臃肿:

if(周一){吃炒面;}
else{if(周二){吃炒饭;}else{if(周三){吃炒米粉;}else{..............}} 
}//这只是为了理解的一段伪代码,不可以执行成功

改进办法:可以用else if来代替else里面不断的去嵌套if/else语句:

if(周一){吃炒面;}
else if(周二){吃炒饭;}
else if(周三){吃炒米粉;}
....

其实,当条件判断结果的分支很多时,使用switch/case语句进行判断会变得更加紧凑:

var day = 2
switch (day){case 1:console.log('吃炒面');case 2:console.log('吃炒饭');case 3:console.log('吃炒米粉');
}

注意,按上述代码的写法,当在switch中找到匹配项后,还会一直往下执行代码,输出匹配项之后的内容,按上述代码执行,返回结果如下:


这就是因为,在这里,day匹配的case是2,找到匹配项后,执行case2后面的内容,同时因为在case2后面没有跳出判断的条件,程序会继续向下执行。在这里,就需要使用break,判断条件执行成功时,就跳出条件语句

var day = 2
switch (day){case 1:console.log('吃炒面');break;case 2:console.log('吃炒饭');break;case 3:console.log('吃炒米粉');break;
}

执行结果如下:


在switch中还有一个关键词default,当在switch条件判断中找不到匹配项,就默认执行default: 后面的内容




这篇关于Javascript(三):控制流的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/942208

相关文章

Spring Cloud LoadBalancer 负载均衡详解

《SpringCloudLoadBalancer负载均衡详解》本文介绍了如何在SpringCloud中使用SpringCloudLoadBalancer实现客户端负载均衡,并详细讲解了轮询策略和... 目录1. 在 idea 上运行多个服务2. 问题引入3. 负载均衡4. Spring Cloud Load

Springboot中分析SQL性能的两种方式详解

《Springboot中分析SQL性能的两种方式详解》文章介绍了SQL性能分析的两种方式:MyBatis-Plus性能分析插件和p6spy框架,MyBatis-Plus插件配置简单,适用于开发和测试环... 目录SQL性能分析的两种方式:功能介绍实现方式:实现步骤:SQL性能分析的两种方式:功能介绍记录

在 Spring Boot 中使用 @Autowired和 @Bean注解的示例详解

《在SpringBoot中使用@Autowired和@Bean注解的示例详解》本文通过一个示例演示了如何在SpringBoot中使用@Autowired和@Bean注解进行依赖注入和Bean... 目录在 Spring Boot 中使用 @Autowired 和 @Bean 注解示例背景1. 定义 Stud

如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别详解

《如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别详解》:本文主要介绍如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别的相关资料,描述了如何使用海康威视设备网络SD... 目录前言开发流程问题和解决方案dll库加载不到的问题老旧版本sdk不兼容的问题关键实现流程总结前言作为

SpringBoot中使用 ThreadLocal 进行多线程上下文管理及注意事项小结

《SpringBoot中使用ThreadLocal进行多线程上下文管理及注意事项小结》本文详细介绍了ThreadLocal的原理、使用场景和示例代码,并在SpringBoot中使用ThreadLo... 目录前言技术积累1.什么是 ThreadLocal2. ThreadLocal 的原理2.1 线程隔离2

springboot将lib和jar分离的操作方法

《springboot将lib和jar分离的操作方法》本文介绍了如何通过优化pom.xml配置来减小SpringBoot项目的jar包大小,主要通过使用spring-boot-maven-plugin... 遇到一个问题,就是每次maven package或者maven install后target中的ja

Java中八大包装类举例详解(通俗易懂)

《Java中八大包装类举例详解(通俗易懂)》:本文主要介绍Java中的包装类,包括它们的作用、特点、用途以及如何进行装箱和拆箱,包装类还提供了许多实用方法,如转换、获取基本类型值、比较和类型检测,... 目录一、包装类(Wrapper Class)1、简要介绍2、包装类特点3、包装类用途二、装箱和拆箱1、装

如何利用Java获取当天的开始和结束时间

《如何利用Java获取当天的开始和结束时间》:本文主要介绍如何使用Java8的LocalDate和LocalDateTime类获取指定日期的开始和结束时间,展示了如何通过这些类进行日期和时间的处... 目录前言1. Java日期时间API概述2. 获取当天的开始和结束时间代码解析运行结果3. 总结前言在J

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

最长公共子序列问题的深度分析与Java实现方式

《最长公共子序列问题的深度分析与Java实现方式》本文详细介绍了最长公共子序列(LCS)问题,包括其概念、暴力解法、动态规划解法,并提供了Java代码实现,暴力解法虽然简单,但在大数据处理中效率较低,... 目录最长公共子序列问题概述问题理解与示例分析暴力解法思路与示例代码动态规划解法DP 表的构建与意义动