• 1. JavaScript 流程控制讲师:郑卿吾
  • 2. 无限互联学生毕业平均薪资12755元,比同行业机构平均高出12%。 98%的无限互联学生在毕业4周内成功就业! 信·机构新·模式薪·未来慧科教育集团旗下泛IT职业教育培训机构。 与找座儿形成国内第一家O2O混合式教学落地基地。 良心教学,可信赖大机构!同时采用最合理的 TS 教学模式和最合理教学时间安排. 全程手把手教学、边学边练,7*12小时答疑指导,保证学员即学即会。心·服务多年教学经验资深讲师倾心教学 配备专门的生活导师,提供入学接送、精选宿舍、生活指导、学习督促等一条龙服务。 提供专业就业指导服务,简历指导+模拟面试,保证快速就业。走进无限互联
  • 3. 本节知识点JavaScript 数据类型转换 程序运行流程和流程控制 真值和假值 逻辑运算 If 结构 Switch 语句 循环结构
  • 4. 上节回顾输入输出 数据类型 基本运算符
  • 5. 数据类型转换判断数据类型 typeof() 数据类型转换 强制类型转换
  • 6. Typeof()数据类型判断 JavaScript 是弱类型语言,定义变量时不需要指定其数据类型,运行时才会进行判断 可以使用 typeof() 来判断变量的类型var n1=123; //使用 typeof 来判断类型 console.log(typeof(n1)); //number 类型
  • 7. 数据类型转换数据类型转换 将字符串转换为数字,或数字转换为字符串,以进行运算等var input = prompt('请输入'); //prompt 输入的都是字符串 console.log(typeof(input)); //String
  • 8. 将数字类型转换为字符串类型 隐式类型转换 强制类型转换( String(), 变量.tostring() ) 将字符串转换为数字类型 隐式类型转换 强制类型转换( Number(),parseInt(),parseFloat() ) 将其他数据类型转换为布尔类型 强制类型转换 :Boolean() 数字0转换为false 数据类型转换
  • 9. 课堂练习
  • 10. 流程控制概念流程图 描述代码执行的顺序和逻辑 代码可以有多个不同执行的路径,因此浏览器会在不同情况下运行不同的代码。 决定代码走向的三种方式:判断、决策、循环
  • 11. 流程控制概念判断、决策、循环
  • 12. 条件结构比较运算符 条件结构 if 语句 if-else 语句
  • 13. 比较运算符流程控制需要进行判断,判断的条件为真或假,true 或 false 使用比较运算符可以返回比较的结果,包括 等于、大于、小于运算符作用备注==等于比较两个值是否相同!=不等于比较两个值是否不同<小于<=小于等于>大于>=大于等于===严格等于比较两个值数据类型和值完全相同!==严格不等于比较两个值数据类型和值完全不相同
  • 14. 条件结构If 语句,由两部分组成: 一是进行判断的表达式,返回一个 true 或 false 值 二是条件语句,根据判断的值,用于说明在特定条件下执行的语句
  • 15. 条件结构If 语句//条件结构——if 语句 var age = 18; if (age >= 20) { console.log('年龄') } console.log('OK!');
  • 16. 条件结构If – else 语句//if-else语句 if (age >= 30) { console.log('参加极限挑战'); } else { console.log('参加奔跑吧兄弟'); }
  • 17. 条件结构判断条件语句,也可以是表达式//判断语句使用表达式 var score1 = 100, score2 = 90; if ((score1 + score2) > 200) { console.log("总分"); }
  • 18. 条件结构多个 if-else 组合//if-else 组合 var weather = 1; if (weather == 1) { alert("晴天"); } else if (weather == 2){ alert("下雨"); } else if (weather == 3) { alert("下雪"); } else { alert("雾霾"); }
  • 19. 逻辑运算逻辑运算符 逻辑运算短路条件 真值和假值 严格相等 Switch 语句
  • 20. 运算符描述判定&&and (逻辑与)两个表达式有一个为 false,则为 false||or (逻辑或)两个表达式有一个为 true,则为 true!not (逻辑非)反转表达式的结果逻辑运算符逻辑运算符符用于测定变量或值之间的逻辑关系 比较运算符返回单个结果(true 或 false),逻辑运算符通过将多个比较结合,综合其结果为一个 true 或 false
  • 21. 逻辑与AND运算符(&&)逻辑运算符
  • 22. 逻辑或OR运算符(||)逻辑运算符
  • 23. 逻辑运算符逻辑运算的短路 逻辑表达式从左到右进行计算,如果第一个条件能够决定最终结果,那就没有必要计算后面的条件。 false && (任意表达式) = false true || (任意表达式) = true
  • 24. 真值和假值由于存在强制类型转换,因此 JS 中所有的值都可以转换为 false 或 true 以下这些都被认为是假值,if 判断语句中,认为结果为否。假值描述var score = false;传统的布尔值 falsevar score = 0; 数值0var score = ‘’; 空字符串var score = 10/ “sss”NaNVar score;undefined
  • 25. 判断相等区分 相等(==)和严格相等(===)运算符作用备注==等于比较两个值是否相同!=不等于比较两个值是否不同===严格等于比较两个值数据类型和值完全相同!==严格不等于比较两个值数据类型和值完全不相同
  • 26. Switch 语句Switch 语句 也可以用于表示选择结构,可以理解为是多个 if-else 语句的整合 Switch 语句的开头是称作 分支值 的变量,后面的每个 case 表示一个条件 当条件值和前面的分支变量值匹配的时候,则执行 case 后的语句 //Switch 语句 var gameScore = 'best'; switch (gameScore) { case 'good': //case 语句 console.log("hao"); break; //break 语句 case 'better': console.log("牛逼"); break; default: console.log("弱爆了"); }
  • 27. 循环结构循环的概念 循环变量 while 循环 do-while 循环 for 循环
  • 28. 循环结构循环 循环会检查一个条件,如果这个条件返回 true,那么会执行一段相应的代码。 然后这个条件会被再次检查,如果依然返回 true,那么这段代码会再次执行。 这个过程一直重复,直到这个条件返回 false
  • 29. While 循环While 循环 While 循环中包含一个循环变量,循环变量满足一定条件的时候,执行循环语句,每次循环执行之后需要修改循环变量。 循环的执行分为3部分,初始化循环变量、判断循环条件、更新循环变量//while 循环 //1.初始化,通常把 i 称作循环变量 var i = 1; while (i <= 9) { //2.循环判断条件 //循环条件为 true 的时候,执行大括号中的语句 console.log(i); //3.更新循环变量 i = i + 1; }
  • 30. 语法定义: while(判断条件) { 循环代码 更新循环变量 }While 循环
  • 31. 把汉字抄100遍,童年的噩梦!
  • 32. 1:将1到100之间的所有是3的倍数找出来,在控制台中输出 2:求1到100之间的数字和。在控制台中输出 3:首先接收用户输入用户名和密码,只要用户名不是admin或者密码不是888就一直提示要求重新输入,如果正确则提登录成功. 4:将1到50中所有的奇数找出来,并在控制台中输出! 5:随机产生一个数字 0到9之间,并且接收用户输入的一个数字,用户有3次输入的机会,如果3次机会内猜对则提示赢得游戏,直接跳出游戏。如果3都没有猜对,输掉游戏,并结束游戏。 练习
  • 33. Do-While 循环Do-While 循环 Do-While结构的基本原理和 while 结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件//do-while 循环 //1.初始化 i 循环变量 var i = 3; do { console.log(i); i = i + 1; //3.更新循环变量 } while (i != 3); //2.循环条件
  • 34. For 循环for 循环 For 循环使用计数器作为条件 循环变量的初始化、判断条件、更新都写在 for 语句的括号中
  • 35. For 循环for 循环//for 循环 //严格按照循环的三部分创建 //1到10之间打印到控制台中 // 初始化 循环条件 更新循环变量 for(var i=1; i <= 10; i++){ //循环语句 console.log(i); }
  • 36. 1:计算1到100的和 2:将1到100之间所有是6的倍数的数字输出到控制台中 3:在页面中打印两行10颗* 4: 在页面中打印一个直角三角形 5: 在页面中打印99乘法表 练习
  • 37. Break 语句Break 语句 有时候在循环体内,需要立即跳出循环或跳过循环体内其余代码而进行下一次循环。这个时候需要 break 和 continue break语句是彻底结束当前循环,直接执行循环外后面的代码。格式如下:
  • 38. Continue 语句Continue 语句 continue的作用是仅仅跳过本次循环,而整个循环体继续执行。 它的格式如下:
  • 39. 1:请将1到100之间所有数字输出,排除是3的倍数的数字 2:接收用户输入的用户名和密码,如果用户名不是admin或者密码不是888,就一直提示用户重新输入,如果用户名和密码都正确,那么程序立马停止(使用while循环做) 练习
  • 40. 未经允许不得将视频用于商业用途,否则将追究其法律责任! 官方网站: http://www.wuxianedu.com/ 老师邮箱: qwzheng@wuxianedu.com 无限智造 互联精英版权所有:无限互联