JavaScript的三大流程结构详细讲解

2024年5月15日 31次阅读 来源: 吴迪98

JS的流程控制语句：

  1. 顺序结构
    顺序结构表示程序中的各操作是按照它们出现的先后顺序执行的。

  2. 选择结构（条件结构）
    选择结构包括 if 与 else 还有switch和case这种搭配组合。

  3. 循环结构
    就是 for ， for in ， for of或者数组的遍历方法就属于循环结构。

一：顺序结构：

浏览器解析JavaScript代码是由上至下解析的，由上到下解析的这个顺序就是顺序结构，但是异步操作是特殊的，比如发送ajax请求，设置计时器等，关于同步与异步的执行顺序请看：https://blog.csdn.net/weixin_43606158/article/details/91360230

二：条件结构：

简单来说 if 与 else 就是流程控制语句当中的选择结构，也叫条件结构。

语法：

  1. 简单 if 当只有一句语句块的时候可以省略花括号
if(条件表达式) { 
	//条件表达式为 true 时执行的语句块
}
  1. if-else
if(条件表达式) { 
	//条件表达式为 true 时执行的语句块
} else { 
	//条件表达式为 false 时执行的语句块
}
  1. 多重 if
if(条件1_) { 
	//语句块1
} else if(条件2) { 
	//语句块2
} else if (条件3) { 
	//语句块3
} else if (...条件n) { 
	//语句块N
} else { 
	//语句块N+1
}

三：循环结构：

循环（重复）
特征：

  • 循环条件
  • 循环操作

循环使用步骤：

  1. 找出循环条件和循环操作
  2. 代入语法结构
  3. 判断能否退出循环

PS：不能退出的循环称为死循环

语法：

  1. 当满足表达式的条件时循环，不满足条件时跳出循环向下解析
while (表达式) { 
	//要循环的内容
}
  1. 先执行一遍表达式，然后判断是否满足条件，如果满足条件则进行循环，不满足条件跳出循环向下解析。
do { 
	//要循环的内容
} while(表达式)
  1. 一般用作于知道固定的循环次数时使用。
for (变量初始化状态; 判断条件; 变量更新) { 
	//要循环的内容
}

PS:for循环的三个表达式均可以省略

  • 当省略变量初始化表达式时，通常在循环结构之前初始化变量；
  • 当省略条件表达式时，for循环成为死循环，则通常在循环体中构建退出循环的条件，然后break。
  • 当省略更新表达式时，通常在循环体内部实现变量更新。

注意点：

  • for循环（）内的 ； （分号）不能省略，有且仅有俩个
  • while 和 do-while 适用于循环次数不确定的情况
    原文作者：吴迪98
    原文地址: https://blog.csdn.net/weixin_43606158/article/details/97491730
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞