JS的学习

swith选择结构

2021-12-08  本文已影响0人  wy22

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);

上一篇 下一篇

猜你喜欢

热点阅读