JavaScript流程控制

Posted 遥岑.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript流程控制相关的知识,希望对你有一定的参考价值。

流程控制

通过控制代码的执行顺序来完成要实现的功能。
流程控制有三种结构:顺序结构分支结构循环结构

顺序结构

顺序结构是程序中最基本的流程控制,无特定语法结构,按照代码先后顺序依次执行。

分支结构

分支结构用于根据条件来决定是否执行某个分支代码。

单分支语句

if(条件表达式)
{
      代码段
}

双分支语句

if(条件表达式)
{
	  代码段1
}
else
{
	  代码段2
}
  • else不能单独使用,必须和if结合使用
  • ’ { } ‘表示控制范围,在没有’ { } '时,if、else只能控制其后的第一条语句

if…else的嵌套

if(条件表达式1)
{
	   if(条件表达式2)
	   {
		     代码段1
	   }
	   else
	   {
		     代码段2
	   }
}
else
{
	   代码段3
}

多分支语句

if(条件表达式1)
{
	   代码段1 
}
else if(条件表达式2)
{
	   代码段2
}
else if(条件表达式3)
{
	   代码段3
}
 ...
else if(条件表达式n)
{
	   代码段n
}
else{
	   代码段n+1
}

条件表达式构成的选择结构

表达式1?表达式2:表达式3

switch…case…break

switch(表达式)
{
	  case 常量1:代码段1;break;
	  case 常量2:代码段2;break;
	  case 常量3:代码段3;break;
	  ...
	  case 常量n:代码段n;break;
	  default:
		      代码段n+1;
}
  • case后必须是常量
  • break的作用是跳出switch…case结构,终止循环
  • default可以有也可以没有,位置任意,建议放在所有case之后

循环结构

循环结构用于根据条件来决定是否重复执行某一段代码。

while循环

while循环:"当"循环,即当条件为true时,执行循环体语句。

 while(条件表达式)
{
	 代码段
}
  • while是一个关键字
  • "条件表达式"的运算结果为true/false,必须用’( )'括起来
  • ’ { } '表示的是循环的控制范围

do-while循环

do{		
	   循环体语句
}while(条件表达式);
  • do是关键字,不能单独使用
  • 先执行"循环体语句",直到"条件表达式"为假时,退出循环
  • 无论"条件表达式"是否为真,"循环体语句"至少执行一次

for循环

 for(表达式1;表达式2;表达式3)
{
		 循环体语句
}
  • “表达式1”:初始化语句(通常用来初始化循环变量)
  • “表达式2”:条件表达式(决定循环是否执行)
  • “表达式3”:使循环趋向结束的表达式
  • 三个表达式都可以省略,但是分号不能省略

循环嵌套

在一个循环的内部嵌套一个或多个循环。
外循环每循环一次,内循环要全部做完。

  • continue:结束本次循环,直接进入下一次循环

以上是关于JavaScript流程控制的主要内容,如果未能解决你的问题,请参考以下文章

Javascript流程控制

你可能不知道的JavaScript代码片段和技巧(下)

你可能不知道的JavaScript代码片段和技巧(上)

javascript流程控制语句-循环

Java入门到架构师教程之JavaScript流程控制语句

JavaScript学习(八十七)—流程控制语句的总结,超级详细!!!