第五章1流程控制语句.ppt

Web编程基础 Chapter5-流程控制语句 提纲 控制结构 条件语句 循环语句 跳转语句 函数 5.1??控制结构 顺序执行 语句按编写顺序执行 三种控制结构 顺序结构 选择结构 if if…else switch 循环结构 while do…while for for…in 5.1??控制结构 流程图 算法或算法的一部分的图形表示 流程线 算法的动作执行顺序 矩形符号 任何类型的动作 椭圆符号 算法的开始和结束 菱形符号 判定符号 5.1 ??控制结构 5.2??条件语句—if 选择结构 单路选择结构,一般格式为： if（表达式） 语句； 当条件为真时执行动作 判定：等于运算符与关系运算符 判定：等于运算符与关系运算符 5.2??条件语句—if…else 选择结构 当条件为true或false时执行不同的动作 一般格式为： if（表达式） 语句1； else 语句2； 5.2??条件语句—if…else 选择结构 对if...else语句进行扩展，形成多路分支结构： if(condition1) statement1; else if(condition2) statement2; else if(condition3) statement3; else elsestatement; 5.2??条件语句—if…else 选择结构 5.2??条件语句—if…else 选择结构 条件运算符 (?:) JavaScript的唯一三元运算符 格式：exp1?exp2:exp3 含义：如果exp1结果为真，整个运算的结果为exp2； 如果exp1结果为假，整个运算的结果为exp3。 例：var a = 8 ,b = 5; c = a b ? a + b : a – b ; 课堂示例 课堂示例 5.2??条件语句—switch 多路选择结构 switch的语法结构如下： switch(表达式){ case 值1：语句; break; case 值2：语句; break; ... ... case 值N：语句; break; default：语句; } 5.2??条件语句—switch 多路选择结构 根据出生年月计算生肖 根据出生年月计算生肖 根据出生年月计算生肖 根据出生年月计算生肖 课堂练习 5.3??循环语句 do...while语句 do { 循环体; }while(表达式); 先执行后判断，循环体至少执行一次。 5.3??循环语句 5.3??循环语句 while语句 当条件为真时重复执行动作 while (表达式) { 循环体 ; } while 重复结构 例：查找大于1000的数中第一个2的幂 var product = 2; while(product = 1000) product = 2*product; 计数器控制重复的实质 构造算法：计数器控制的重复 构造算法：计数器控制的重复 课堂练习 课堂练习 构造算法：标记控制的重复 8.6.2??构造算法：标记控制的重复 构造算法：嵌套的控制结构 课堂练习 5.3??循环语句 for循环在几种重复结构中的格式与用法最灵活，它的一般格式为： for(表达式1;表达式2;表达式3) { 循环体;} 表达式1：for循环的循环初值 表达式2：循环条件，值为false时循环结束 表达式3：每次循环时所进行的计算和更新 for 重复结构 执行for重复结构的步骤： 先计算表达式1（只计算一次） 接着检查表达式2的值是true还是false，若为false，则不执行语句语句（循环体），退出循环；若为true，就执行给定的语句。 再计算表达式3 再检查表达式2的值，根据值为true或为false决定是否执行循环体。 for 重复结构 for 重复结构 for 重复结构 动态创建表格 动态创建表格 for …in语句 遍历数组 5.4 跳转语句 break 用于循环和switch语句 强行退出循环，不执行循环体中剩余的语句和剩余的循环次数。 continue 只能用在循环语句中 停止继续执行循环体中下面的语句，跳回循环起始位置开始下一次循环。 for循环：执行递增表达式，如果测试表达式为true