网页设计与制作（HTML+CSS+JS）-3期（KC003） JavaScirpt基础 3程序控制结构.pptx

1 程序控制结构 Part ◎ 分支结构 ◎ 循环结构 1 分支结构 1. 单分支结构 if语句是最基本、最平常的分支结构语句，if语句的单分支结构语法格式如下： 语法格式1： if(条件表达式)语句 语法格式2： if(条件表达式){ 语句块 } 举例演示 演示 2. 双分支结构 语法格式1： if(条件表达式) 语句1 else 语句2 语法格式2： if(条件表达式){ 语句块1 }else{ 语句块2 } 举例演示 演示 多分支结构 可以使用if-else语句嵌套实现，也可以用switch语句实现: switch语句的结构如下： switch(表达式){ case 值1:语句块1 break； case 值2:语句块2 break； ... case 值n:语句块n break； default:语句块n+1 break； } 举例演示 演示 举例演示 【实例10-8】分支结构的使用。 循环结构 1. 循环结构的三个要素 循环初始化，设置循环变量初值； 循环控制，设置继续循环进行的条件； 循环体，重复执行的语句块。 2.当循环结构 while（条件表达式）{ 语句块 } 当循环结构，while语句格式如下： 举例演示 3.直到循环结构 4.计数循环结构 do{ 语句块 } while（条件表达式）; 直到循环结构，do…while语句格式如下： for(控制变量的初始化; 循环的条件; 循环控制变量的更新){ 语句块 } 计数循环结构， for语句格式如下： 举例演示 5.枚举循环结构 for(变量 in 对象){ 语句块 } 枚举循环结构，for…in语句，用于遍历数组或者对象的属性，格式如下 举例演示 6.continue语句与break语句 continue语句只用在循环语句中，控制循环体满足一定条件时提前退出本次循环，继续下次循环。break语句在循环语句中，控制循环体满足一定条件时提前退出循环，不再继续该循环。continue语句和break语句一般都用在循环体内的分支语句中，不使用分支语句则这些语句是没有意义的。 总之，break语句结束整个循环体，而continue结束本次循环。 举例演示 举例演示 【实例10-9】循环结构的使用。