一、流程控制 判断语句 if
switch
循环语句 while
do while
for
顺序结构,选择结构,循环结构
二、if语句(小括号中的语句为true时执行大括号的)
<script type="text/javascript"> var age=20; if(age>18){ console.log("成年人"); } else{ console.log("小孩"); } </script>
练习一:考试成绩
<script type="text/javascript"> var cj=80; if(cj>=60){ console.log("及格"); } else if(cj>=80){ console.log("良好"); } else if(cj>=90){ console.log("优秀"); } else { console.log("不及格"); } </script>
练习二:从键盘中输入一个数,判断是否为偶数是输出yes否则no
<script type="text/javascript"> //从键盘中输入一个数,判断是否为偶数是输出yes否则no //定义接收键盘中输入数存放 var num; //用prompt()函数接收用户输入的整数 num=+(window.prompt("请输入一个数字")); //合法性验证 if(isNaN(num)){ alert("输入的内容不是数字") } else{ //判断用户输入是否为偶数 if(num%2===0){ alert("yes"); } else{ alert("no"); } } </script>
优化后:
<script type="text/javascript"> //从键盘中输入一个数,判断是否为偶数是输出yes否则no //定义接收键盘中输入数存放 var num; //用prompt()函数接收用户输入的整数 num=+(window.prompt("请输入一个数字")); //合法性验证 if(isNaN(num)){ alert("输入的内容不是数字") } else{ (num%2===0)?alert("yes"):alert("no"); } </script>
练习三:接收用户输入的整数输出它是星期几
<script type="text/javascript"> //接收用户输入的整数输出它是星期几 //定义接收数据变量 var day; //接收数据 day=+(window.prompt("请输入1到7之间的整数")); //判断星期几 if(day===1){ console.log("星期1"); } else if(day===2){ console.log("星期2"); } else if(day===3){ console.log("星期3"); } else if(day===4){ console.log("星期4"); } else if(day===5){ console.log("星期5"); } else if(day===6){ console.log("星期6"); } else if(day===7){ console.log("星期7"); } else{ console.log("未知"); } </script>
练习四:接收用户输入的整数month,根据月份输出季节
<script type="text/javascript"> //1、定义变量 var month; //2、接收输入内容 month=+(window.prompt("请输入1-12数字")); //3、验证数据 if(isNaN(month)){ alert("输入错误"); } else{ //4、判断季节 if(month>=3 && month<=5){ alert("春"); } else if(month>=6 && month<=8){ alert("夏"); } else if(month>=9 && month<=11){ alert("秋"); } else if(month===12 || month===1 || month===2) { alert("冬"); } else{ alert("错误"); } } </script>
练习五:从键盘中输入2个整数,排序后输出
<script type="text/javascript"> //从键盘中输入2个整数,排序后输出 //定义变量 var num1,num2; //接收用户输入 num1=+(window.prompt("请输入第一个数")); num2=+(window.prompt("请输入第二个数")); //两个数比较 if(num1>num2){ console.log(num1); } else if(num1===num2){ console.log("相等"); } else{ console.log(num2); } </script>
优化后:
<script type="text/javascript"> //从键盘中输入2个整数,排序后输出 //定义变量 var num1,num2; //接收用户输入 num1=+(window.prompt("请输入第一个数")); num2=+(window.prompt("请输入第二个数")); //两个数比较 console.log(num1>num2?num1:num2); </script>
三目运算符优点:简化代码。缺点:必须输出确定的结果
练习六:键盘中输入三个数字,排序从大到小后输出
<script type="text/javascript"> //键盘中输入三个数字,排序从大到小后输出 //定义三个变量 var num1,num2,num3; //接收三个变量 num1=+(window.prompt("输入第一个数")); num2=+(window.prompt("输入第二个数")); num3=+(window.prompt("输入第三个数")); //排序三个数 if(num1>=num2 && num2>=num3){ console.log(num1,num2,num3); } else if(num1>=num3 && num3>=num3){ console.log(num1,num3,num2); } else if(num2>=num1 && num1>=num3){ console.log(num2,num1,num3); } else if(num2>=num3 && num3>=num1){ console.log(num2,num3,num1); } else if(num3>=num1 && num1>=num2){ console.log(num3,num1,num2); } else if(num3>=num2 && num2>=num1){ console.log(num3,num2,num1); } </script>
这种比较是最原始的我们要进行优化:
选择排序法
<script type="text/javascript"> //键盘中输入三个数字,排序从大到小后输出 //定义三个变量 var num1,num2,num3; //接收三个变量 num1=+(window.prompt("输入第一个数")); num2=+(window.prompt("输入第二个数")); num3=+(window.prompt("输入第三个数")); //排序三个数运用选择排序法 var temp; if(num1>num2){ temp=num1; num1=num2; num2=temp; } if(num1>num3){ temp=num1; num1=num3; num3=temp; } if(num2>num3){ temp=num2; num2=num3; num3=temp; } console.log(num3,num2,num1); </script>冒泡排序法
<script type="text/javascript"> //键盘中输入三个数字,排序从大到小后输出 //定义三个变量 var num1,num2,num3; //接收三个变量 num1=+(window.prompt("输入第一个数")); num2=+(window.prompt("输入第二个数")); num3=+(window.prompt("输入第三个数")); //排序三个数运用冒泡排序法 var temp; if(num1>num2){ temp=num1; num1=num2; num2=temp; } if(num2>num3){ temp=num2; num2=num3; num3=temp; } if(num1>num2){ temp=num1; num1=num2; num2=temp; } console.log(num3,num2,num1); </script>
练习七:石头剪刀布的实现
<script type="text/javascript"> //石头剪刀布的实现 定义剪刀0 石头1 布2 //1、定义变量,玩家和电脑 var com,play; //2、电脑出拳random()产生0到1之间随机数 com=Math.floor(Math.random()*3); //3、玩家出拳 play=+(window.prompt("请输入:剪刀0 石头1 布2")); //4、判断比较胜负 if(play<0 || play>2){ window.prompt("请重新输入:剪刀0 石头1 布2"); } else{ if( play===0 && com===2 || play===1 && com===0 || play===2 && com===1 ) { alert("恭喜你赢了"); } else if( play===0 && com===1 || play===1 && com===2 || play===2 && com===0 ){ alert("很遗憾你输了"); } else{ alert("平"); } } </script>