JavaScript--控制语句

本文主讲:JS 中常用的分支语句、JS 中常用的循环语句、for in遍历循环、with语句的用法

JS 中常用的分支语句

JS 中常用的分支语句及其语法格式

常见分支语句:if、if-else、if-else-if、switch-case、三目运算符【条件 ?:】

image-20211028111022452

if 语句与 if-else 语法格式:

if语句:

image-20211007113916129

if-else:

image-20211007113934275

if-else-if 语法格式:

image-20211007113946943

switch-case语法格式:

注意:

1:switch括号里面一般传入的都是一个变量!

2:不要忘记 case 后面的 :

image-20211007114002086

三目运算符语法格式:

image-20211007114014024

JS 中常用的循环语句

JS 中常见的循环语句及其语法格式

常见循环语句:while、do-while、for

while循环语法格式:

image-20211007114047290

do-while语法格式:

注意:这种循环方式比较占用内存,实际开发中用这个形式的循环很少见!!

image-20211007114058720

for循环语法格式:

注意:for 循环括号里面的两个 ;必须要写!!!

image-20211007114112674

JS 中关键字 break 以及 continue 的作用

break:在循环体内遇到 break 直接跳出当前循环

continue:在循环体内遇到 continue 关键字跳出本次循环,继续执行下次循环

image-20211007114121679

for in遍历循环

for in 循环遍历的两种应用场景

第一种应用场景:循环遍历 JS 中的数组【列表】,获取数组内的数据

第二种应用场景:遍历 JS 中的实例化对象,从而获取对象内的所有属性名【属性名全部都是字符串】

for in 循环遍历元组的语法

语法:for(var i in 元组名){ }

注意:

1:JS 内元组的数据类型和数据的数量不限

2:for in 循环遍历元组,变量 i 获得的只是元组内元素的下标索引,要想获取元组内数据,需要 元组名[获取到的数据下标索引]

image-20211007114220755

for in 循环遍历 Object 对象的语法

语法:for(var i in Object实例化的对象){ …… }

功能:获取实例化对象内所有的属性名称,从而根据属性名称获取实例化对象属性值

注意:for in 循环遍历 Object 对象获取到对象的属性名是字符串形式的!!!

image-20211007114315247

with语句的用法

with语句功能:简化代码

with语句语法:with(对象名){ }

image-20211007114328639

持续更新中……