JavaScript学习(五)

简介: 目录 条件判断语句:if语句:if...else语句switch语句while语句do...while语句for循环语句跳转语句:continue语句break语句 条件判断语句:if语句:if条件判断语句是最基本、最常用的流程控制语句,可以根据条件表达式的值执行相应的处理。

目录

 

条件判断语句:

if语句:

if...else语句

switch语句

while语句

do...while语句

for循环语句

跳转语句:

continue语句

break语句

 


条件判断语句:

if语句:

if条件判断语句是最基本、最常用的流程控制语句,可以根据条件表达式的值执行相应的处理。

简单的if语句的语法格式如下:

if(expression){  statement 1  }

expression:必选项,用于指定条件表达式,可以使用逻辑运算符。

statement 1:用于指定要执行的语句序列。当expression的值为true时,执行该语句序列,简单if语句的执行流程如下图。

if...else语句

if...else语句是if语句的标准形式,在if语句简单形式的基础之上增加一个else从句,当expression的值是false时则执行else从句中的内容。

if...else语句格式如下:

if(expression){ statement 1 }

else{ statement2 }

在if语句的标准形式中,首先对expression的值进行判断,如果它的值是true,则执行statement1语句块的内容,否则执行statement2语句块中的内容。

switch语句

switch语句是典型的多路分支语句,其作用与嵌套使用if语句基本相同,但switch语句比if语句更具有可读性,而且switch语句允许在找不到一个匹配条件的情况下执行默认的一组语句。

switch语句语法格式如下:

switch(expression){

case judgement 1; statement 1; break;

case judgement 2; statement 2; break;

case judgement n; statement n; break;....

}

expression:任意的表达式或变量。

judgement:任意的常数表达式。当expression的值与某个judgement的值相等时,就执行此case后的statement语句。

break:用于结束switch语句,从而使javascript只执行匹配的分支。

 

 

 

 

 

 

 

 

 

while语句

while(expression){ statement }

expression:一个包含比较运算符的条件表达式,用来指定循环条件。

statement:用来指定循环体,在循环条件的结果为true时,重复执行。

 

do...while语句

do{

statement

}while(expression);

statement:用来指定循环体,循环开始时首先被执行一次,然后在循环条件的结果为true时,重复执行。

expression:一个包含比较运算符的条件表达式,用来指定循环条件。

 

for循环语句

for(initialize;test;increment){ statement }

initialize:初始化语句,用来对循环变量进行初始化赋值。

test:循环条件,一个包含比较运算符的表达式,用来限定循环变量的边限。如果循环变量超过了该边限,则停止该循环语句的执行。

increment:用来指定循环变量的步幅。

statement:用来指定循环体,在循环条件的结果为true时,重复执行。

 

跳转语句:

continue语句

continue语句和break语句类似,不同之处在于,break语句退出循环,而continue语句用于中止本次循环,并开始下一次循环。其语法格式如下:

continue;

continue语句只能应用在while,for,do...while语句中。

 

break语句

break语句用于退出包含在最内层的循环或者退出一个switch语句。break语句语法格式如下:

break;

break语句通常用于for,while,do...while或switch语句中。

 

 

目录
相关文章
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
403 3
|
JavaScript
ES6学习(9)js中的new实现
ES6学习(9)js中的new实现
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
520 0
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
265 4
js学习--制作猜数字
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
272 7
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
440 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
JavaScript 前端开发 API
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
该文章跟随月影老师的指导,探讨了编写优质JavaScript代码的三大原则:各司其职、组件封装与过程抽象,通过具体示例讲解了如何在实际开发中应用这些原则以提高代码质量和可维护性。
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
499 5
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
301 2
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
320 1