web前端学习笔记09-流程控制——分支结构

最新推荐文章于 2024-04-22 07:55:00 发布

喵了个咪蛋儿

最新推荐文章于 2024-04-22 07:55:00 发布

阅读量244

点赞数

分类专栏： web前端学习文章标签： js javascript html

本文链接：https://blog.csdn.net/weixin_42727838/article/details/107225735

版权

本文是关于web前端学习中的流程控制重点，特别是分支结构的详细解析，包括单项分支、双项分支、多项分支（if和switch...case）以及巢状分支结构的概念和使用方法，帮助读者掌握不同条件下的代码执行路径。

摘要由CSDN通过智能技术生成

一、流程控制

【概念】对计算机代码执行过程的控制
【分类】顺序结构、分支/选择结构、循环结构
顺序结构是指计算算计自上而下执行代码的流程，是大多数语言的默认结构，没有特殊的语法和操作。

二、分支结构

【概念】根据不用条件执行不同的代码分支
【分类】单项分支结构、双项分支结构、多项分支结构、巢状分支结构

2.1 单项分支结构 `if (判断条件) { js代码 }`

判断条件为true执行{ }中内容，此时执行的代码区域称为真区间。判断条件为false时不执行。

// 单项分支结构
var Amy ='艾米';
// 判断条件为true执行{}中内容，此时，执行的代码区域称为真区间。
// 判断条件为false时不执行
if (Amy =='艾米'){
   
	console.log('这是艾米');
}
// 单项分支结构的特殊语法:真区间只有一行代码时可省略花括号
var aa='李荣浩';
if (aa=='李荣浩') console.log('李白');

2.2 双项分支结构 `if (条件表达式) {js代码} else{js代码}`

判断条件为true时，执行真区间代码，即if后{ }内容。判断条件为false时，执行假区间代码，即else后{ }内容。真区间也叫if区间，假区间也叫else区间

// 双项分支结构
// 判断条件为true时，执行真区间代码，即if后{ }内容
// 判断条件为false时，执行假区间代码，即else后{ }内容
// 真区间也叫if区间，假区间也叫else区间
var bb='王凯';
if(bb=='王凯1'){
   
	console.log('这是凯凯王');
}else