一、流程控制 判断语句 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 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>