swith选择结构
JavaScript的组成
JS三大核心
1.SMAScript 核心语法(标准规范)-> SE6
2.BOM 浏览器对象模式,其实就是window对象,该对象可以操作浏览器
3.DOM 文档对象模型,其实就是document对象,该对象可以操作网页里面的所有元素
window对象的常用方法
// window对象是js的内置对象,用于操作BOM,它里面提供了很多操作浏览器的方法。
// console.log(window);
// 弹框方法:
// alert()方法,用于打开消息框
// window.alert('你好')
// prompt()方法,用于打开输入框,该方法会返回输入的结果,类型是字符串
// var name = window.prompt('请输入姓名:')
// console.log(name);
// confirm()方法,用于打开确认框,该方法的返回值是boolean类型
// var isok = window.confirm('确定分手吗?')
// console.log(isok);
// 类型转换方法:
var str1 = '100.55'
console.log(typeof str1);
// parseInt()方法,用于将字符串强转为整型
// 注意:window对象是浏览器的默认对象,所以在实际使用时,可以省略
var num1 = parseInt(str1)
console.log(str1);
console.log(num1);
console.log(typeof num1);
// parseFloat()方法,用于将字符串强转为浮点型
var num2 = parseFloat(str1)
console.log(num2);
console.log(typeof num2);
// isNaN()方法,用于判断一份数据是不是NaN数据(not a number)
// 就是判断一个数据,是不是不是数字,不是数字返回true,是数字返回false。
var str2 = '100'
var str3 = '100.55'
var str4 = '你好呀'
console.log(isNaN(str2));
console.log(isNaN(str3));
console.log(isNaN(str4));
switch选择结构
switch选择结构,也是用于进行多分支判断,语法结构比多重if简洁。
但是,switch选择结构只能进行等值判断。
语法结构是:将需要进行等值判断的变量,放到()里面。在{}里面通过case后面的值跟它进行等值判断。
注意1:case语句,在结束之前,通常都要加上break,表示跳出switch选择结构,因为,
switch选择结构,里面的case一旦判断成立,后面的case就不会再进行判断了。
注意2:如果多个case的输出结果相同,可以将多个case的结果合并,并省略前面case的break。
switch (mc) {
case 1:
console.log('奖励汽车');
break;
case 2:
console.log('奖励电脑');
break;
case 3:
console.log('奖励手机');
break;
case 4:
console.log('没有奖励');
break;
default:
console.log('罚抄代码');
break;
}
console.log('-----------------------------');
//收入今天的是周几: 1 3 5超市所有商品打8折,2 4 6 超市所有商品打7折,7 打五折
//如果多个case的输出结果相同,可以将多个case的结果合并,并省略前面case的break
var week = parseInt(prompt('请输入今天是周几:'))
switch (week) {
case 1:
case 3:
case 5:
alert('超市所有商品打8折')
break; //跳出整个switch
case 2:
case 4:
case 6:
alert('超市所有商品打7折')
break;
// 当所有的case都不成立时,有default,就执行default
default:
alert('超市所有商品打5折')
break;
}
三元运表达式
// 三元表达式,可以简化基本的if-else语句结构
var a = 100
var b = 200
var c;
if(a>b){
c = 300
}else{
c = 400
}
console.log(c);
// 三元表达式:?左边的表达式返回true,返回?右边的结果,否则返回:右边的结果。
var d = a>b ? 300 : 400
console.log(d);
console.log('-------------------------');
// 三元表达式,也可以简化复杂的if-else语句结构
var num = 1
var sex;
if(num===1){
sex='男'
}else if(num===2){
sex='女'
}else {
sex='未知'
}
console.log(sex);
var sex2 = num===1 ? '男' : (num===2 ? '女' : '未知')
console.log(sex2);