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 Boot集成/输出/日志级别控制/持久化开发实践

《SpringBoot集成/输出/日志级别控制/持久化开发实践》SpringBoot默认集成Logback,支持灵活日志级别配置(INFO/DEBUG等),输出包含时间戳、级别、类名等信息,并可通过... 目录一、日志概述1.1、Spring Boot日志简介1.2、日志框架与默认配置1.3、日志的核心作用

破茧 JDBC:MyBatis 在 Spring Boot 中的轻量实践指南

《破茧JDBC:MyBatis在SpringBoot中的轻量实践指南》MyBatis是持久层框架,简化JDBC开发,通过接口+XML/注解实现数据访问,动态代理生成实现类,支持增删改查及参数... 目录一、什么是 MyBATis二、 MyBatis 入门2.1、创建项目2.2、配置数据库连接字符串2.3、入

Springboot项目启动失败提示找不到dao类的解决

《Springboot项目启动失败提示找不到dao类的解决》SpringBoot启动失败,因ProductServiceImpl未正确注入ProductDao,原因:Dao未注册为Bean,解决:在启... 目录错误描述原因解决方法总结***************************APPLICA编

深度解析Spring Security 中的 SecurityFilterChain核心功能

《深度解析SpringSecurity中的SecurityFilterChain核心功能》SecurityFilterChain通过组件化配置、类型安全路径匹配、多链协同三大特性,重构了Spri... 目录Spring Security 中的SecurityFilterChain深度解析一、Security

SpringBoot多环境配置数据读取方式

《SpringBoot多环境配置数据读取方式》SpringBoot通过环境隔离机制,支持properties/yaml/yml多格式配置,结合@Value、Environment和@Configura... 目录一、多环境配置的核心思路二、3种配置文件格式详解2.1 properties格式(传统格式)1.

Apache Ignite 与 Spring Boot 集成详细指南

《ApacheIgnite与SpringBoot集成详细指南》ApacheIgnite官方指南详解如何通过SpringBootStarter扩展实现自动配置,支持厚/轻客户端模式,简化Ign... 目录 一、背景:为什么需要这个集成? 二、两种集成方式(对应两种客户端模型) 三、方式一:自动配置 Thick

Spring WebClient从入门到精通

《SpringWebClient从入门到精通》本文详解SpringWebClient非阻塞响应式特性及优势,涵盖核心API、实战应用与性能优化,对比RestTemplate,为微服务通信提供高效解决... 目录一、WebClient 概述1.1 为什么选择 WebClient?1.2 WebClient 与

Java.lang.InterruptedException被中止异常的原因及解决方案

《Java.lang.InterruptedException被中止异常的原因及解决方案》Java.lang.InterruptedException是线程被中断时抛出的异常,用于协作停止执行,常见于... 目录报错问题报错原因解决方法Java.lang.InterruptedException 是 Jav

深入浅出SpringBoot WebSocket构建实时应用全面指南

《深入浅出SpringBootWebSocket构建实时应用全面指南》WebSocket是一种在单个TCP连接上进行全双工通信的协议,这篇文章主要为大家详细介绍了SpringBoot如何集成WebS... 目录前言为什么需要 WebSocketWebSocket 是什么Spring Boot 如何简化 We

java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)

《java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)》:本文主要介绍java中pdf模版填充表单踩坑的相关资料,OpenPDF、iText、PDFBox是三... 目录准备Pdf模版方法1:itextpdf7填充表单(1)加入依赖(2)代码(3)遇到的问题方法2:pd