1.三元表达式
// 条件表达式? 表达式1 : 表达式2
// 如果条件表达式为真,则执行表达式1,为假则执行表达式2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 条件表达式? 表达式1 : 表达式2
// 如果条件表达式为真,则执行表达式1,为假则执行表达式2
var num = 10;
var result = num > 5 ? '是的' : '不是的';
console.log(result);
</script>
</head>
<body>
</body>
</html>
2.三元表达式之数字补0案例
// 用户输入0~59之间的一个数字
// 如果数字小于10,则在前面补一个0,(其实就是加0拼接),大于十则不做要求
// 最后用一个变量接受这个返回值,输出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 用户输入0~59之间的一个数字
// 如果数字小于10,则在前面补一个0,(其实就是加0拼接),大于十则不做要求
// 最后用一个变量接受这个返回值,输出
var time =prompt('请您输入一个在0~59之间的数字:');
var result = time < 10 ? '0'+time : time;
alert(result);
</script>
</head>
<body>
</body>
</html>
3.switch分支语句
switch(表达式){
// case value1:
// 执行语句1;
// break;
// case value2:
// 执行语句2;
// break;
// case value3:
// 执行语句3;
// break;
// // ...
// default:
// 执行最后的语句;
// }
// 执行思路 :表达式中的值如果与case后面的value值相匹配,就执行该case里面的语句,如果都没有匹配上,那么执行default里面的语句
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 1.swich 语句也是多分支语句 也可以实现多选1
// 2.语法结构 swich 转换,开关的意思
// switch(表达式){
// case value1:
// 执行语句1;
// break;
// case value2:
// 执行语句2;
// break;
// case value3:
// 执行语句3;
// break;
// // ...
// default:
// 执行最后的语句;
// }
// 3.执行思路 :表达式中的值如果与case后面的value值相匹配,就执行该case里面的语句,如果都没有匹配上,那么执行default里面的语句
//4.代码验证
switch (2) {
case 1:
console.log('这是1');
break;
case 2:
console.log('这是2');
break;
case 3:
console.log('这是3');
break;
default:
console.log('没有正确选项');
}
</script>
</head>
<body>
</body>
</html>
4.switch注意事项
//1.我们开发里面 表达式我们经常写成变量
//2.我们num的值和case的里面的值相匹配的时候是全等,必须是值和数据类型完全一致才可以 num===3,所以需要注意''的使用
//3.如果当前的case里面没有break,那么就会执行下一个case
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//swich 注意事项
var num = 3;
switch (num) {
case 1:
console.log(1);
break;
case 2:
console.log(2);
default:
console.log('没有正确选项');
}
//1.我们开发里面 表达式我们经常写成变量
//2.我们num的值和case的里面的值相匹配的时候是全等,必须是值和数据类型完全一致才可以 num===3
//3.如果当前的case里面没有break,那么就会执行下一个case
</script>
</head>
<body>
</body>
</html>
5.查询水果案例
//弹出prompt输入框,让用户输入水果名称,把这个值保存到变量中
//将这个变量作为switch括号里面的表达式
//case后面的值写几个不同的水果名称,注意一定要引号,因为必须是全等匹配
//弹出不同价格即可。同样注意每个case之后加上break,以便退出switch语句
//将default设置没有此水果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//弹出prompt输入框,让用户输入水果名称,把这个值保存到变量中
//将这个变量作为switch括号里面的表达式
//case后面的值写几个不同的水果名称,注意一定要引号,因为必须是全等匹配
//弹出不同价格即可。同样注意每个case之后加上break,以便退出switch语句
//将default设置没有此水果
var name =prompt('请您输入水果名称:')
switch (name) {
case '苹果':
alert('这是苹果');
break;
case '香蕉':
alert('这是香蕉');
break;
case '梨子':
alert('这是梨子');
break;
default:
alert('没有此水果')
}
</script>
</head>
<body>
</body>
</html>
6.几个作业案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//1.判断时间阶段。比如用户输入12点弹出中午好,用户输入18点弹出傍晚好,用户输入23点弹出深夜好
// var time =prompt('请您输入现在的时间点(0~24点):');
// switch (time) {
// case '12':
// alert('中午好');
// break;
// case '18':
// alert('傍晚好');
// break;
// case '23':
// alert('深夜好');
// break;
// default:
// alert('你好!')
// }
//2.比较两个数的最大值(用户依次输入两个值,最后弹出最大的值)
// var a =prompt('请您输入a的值:');
// var b =prompt('请您输入b的值:');
// if (parseFloat(a)>parseFloat(b)) {
// alert('最大值是'+a);
// } else {
// alert('最大值是'+b);
// }
// 3.用户输入一个数,来判断是偶数还是奇数
// var number=prompt('请您输入一个数字:');
// if (number%2==0){
// alert('该数是偶数');
// } else{
// alert('该数是奇数');
// }
// 4.根据用户输入的数值(数字1到数字7),返回星期几
// var num=prompt('请您输入数字(0~7):');
// switch (num){
// case '1':
// alert('星期一');
// break;
// case '2':
// alert('星期二');
// break;
// case '3':
// alert('星期三');
// break;
// case '4':
// alert('星期四');
// break;
// case '5':
// alert('星期五');
// break;
// case '6':
// alert('星期六');
// break;
// default:
// alert('星期天');
// }
5.
// var money=prompt('班长口袋里的钱:');
// if(money>=2000){
// alert('请大家吃西餐去');
// } else if(money>=1500){
// alert('请大家吃快餐');
// } else if(money>=1000){
// alert('请大家喝饮料');
// } else if(money>=500){
// alert('请大家吃棒棒糖');
// } else {
// alert('下次把钱带够');
// }
</script>
</head>
<body>
</body>
</html>
比较两个数的最大值(用户依次输入两个值,最后弹出最大的值)
// var a =prompt('请您输入a的值:');
// var b =prompt('请您输入b的值:');
// if (parseFloat(a)>parseFloat(b)) {
// alert('最大值是'+a);
// } else {
// alert('最大值是'+b);
// }
其中最需要注意的是,比较两个值的大小,先要将他们转换到能比较的相同数字类型,使用parseFloat,if (parseFloat(a)>parseFloat(b))这样子写
7.for循环
//for 循环过程
// for(初始化变量;条件表达式;操作表达式){
// 循环体
// }
// 1.初始化变量:就是var声明的一个普通变量,通常用于作为计数器使用
// 2.条件表达式:就是用来决定每一次循环是否继续进行,就是终止的条件
// 3.造作表达式:就是每次循环最后执行的代码,经常用于我们计数器变量进行更新(递增或者递减)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//for 循环过程
// for(初始化变量;条件表达式;操作表达式){
// 循环体
// }
// 1.初始化变量:就是var声明的一个普通变量,通常用于作为计数器使用
// 2.条件表达式:就是用来决定每一次循环是否继续进行,就是终止的条件
// 3.造作表达式:就是每次循环最后执行的代码,经常用于我们计数器变量进行更新(递增或者递减)
// 4.代码体验
// for (var i = 1; i <= 100; i++){
// console.log('你好吗');
// }
// 5.我们可以让用户控制输出的次数
var num=prompt('请您输入次数:');
for (var i = 1; i <= num; i++){
console.log('你好吗');
}
</script>
</head>
<body>
</body>
</html>
其中顺序是var i = 1 --------> i <= num ---------> console.log('你好吗') ----------> i++ ----------> i <= num ---------> console.log('你好吗')