鱼C论坛

 找回密码
 立即注册
查看: 3363|回复: 9

[见证历程] JS学习第二章

[复制链接]
发表于 2021-1-9 13:32:25 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
JS强制类型转换:
    -指将一个类型强制转换为其它类型,主要是针对String Number Boolean进行操作

-其它类型转为String
    方式一:
        -调用方法toString():
        -null和undefined不能调用,会报错
        -使用该方法不会影响原变量
        -例子:
                var a = 123;
                a = a.toString();
                console.log(a) //"123"
   
    方式二:
        -调用String()函数
        -使用该方法对Number和Boolean效果和toString()一样
            不过对null 和 undefined会变成 "null" "undefined"
        -例子:
                var a = 123;
                String(a)
                console.log(a) //"123"
---------------
-其它类型转换为Number
    方式一:
        使用Number函数转换:
            --字符串 ==> 数字
                1.如果字符串是纯数字,则直接转换为数字
                2.如果字符串中有非数字的内容,则转换为NaN
                3.如果字符串是空串,则转换为0
            --Boolean ==> 数字:
                True为1 False为0
            --Null ==> 数字:
                值为0
            - undefined --> 数字
                 1.结果为NaN                  

    方式二:
        -使用parseInt(),该方法可以把字符串转换为一个整数
        -例子:
            var a = "123px456";
            a = parseInt(a);
            console.log(a) // 123
        -使用parseFloat(),该方法可以把数字转换为一个浮点数
        -例子:
            var a = "123.456.789";
            a = parseFloat(a);
            console.log(a); // 123.456
        特殊情况: 如果对非字符串以为的类型进行parseInt()或者parseFloat()操作,
                        会先转换为string然后在操作。
                -例子:
                     var a = true:
                     a = parseInt(a); //会先把true变为"true"
                     console.log(a) //结果为1,因为true转换为数字为1
-----------------------------
-其他进制转换为Boolean:
    -方式一:
        使用Boolean()函数
            数字 ==> Boolean
                -除了0和NaN都为True
            字符串 ==> Boolean
                -除了空串都为True
            null ==> Boolean
                -null为false
            undefined ==> Boolean
                -undefined 为false
            object ==> Boolean
                -为true
    -方式二:
        隐式转换:
            使用两次非(!!)运算,即可转换为Boolean值
        -例子:
            var a = 123;
            a = !!a; //123进行第一次取反为false,再次取反为true
            console.log(a); //True
-----------------------------
JS中其他进制的数字:
    -表示16进制以, 0x开头
        -例子: a = 0xff;
    -表示8进制以, 0开头
        -例子 a = 07;
    -表示2进制以, 0b开头
        -例子: a = 0b10;
        并不是所有浏览器都兼容!!!
   
    -不兼容的情况
     a = 070;
     //我们在parseInt函数进行传参,第二个参数来制定数字的进制
     a = parseInt(a, 8)
-----------------------------
            运算符也叫操作符
                通过运算符可以对一个或多个值进行运算,并获取运算结果
                比如: typeof就是运算符,可以来获得一个值的类型
                        它会将该值的类型以字符串的形式返回   
                        number string boolean undefined object

            算术运算符
                当对非Number类型的值进行运算时,会将这些值转换为Number然后再运算
                    任何值和NaN做运算都得NaN

                +
                    +可以对两个值进行加法运算,并将结果返回
                    如果对两个字符串进行加法运算,则会做拼串
                        会将两个字符串拼接。
                    任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
                -
                    -可以对两个值进行减法运算,并返回结果
                *
                    *可以对两个值进行乘法预算
                /
                    /可以对两个值进行除法运算
                %
                    %取模运算(取余数)
--------------------------------
一元运算:
    -正号不会发生任何改变
    -负号
        -负号可以对数字进行取反操作
        -原理和Number()一样
        -例子:
            var a = "123";
            a = -a;
            console.log(a); //-123
        -如果负号对一个非Number类型进行操作,会将其转换为Number然后再进行取反。
--------------------------------
Js中的自增自减
    自增:
        -通过自增可以使变量在自身增一
        -对于一个变量自增后,原变量的值也会增1
        a++:
            -先赋值后自增
            -例子:
                var a = 10;
                b = a++;
                console.log(b); //10,因为a的值为10当a++后会先把10赋值给b
                                            此时b为10,完成赋值以后才会自增
        ++a:
            -先自增后赋值
            -例子:
                var a = 10;
                b = ++a;
                console.log(b); //11,因为a的值是10,先自增1所以是10+1,然后再赋值给b
    自减:跟自增同理
        a--: 先赋值后自减
        --a: 先自减后赋值
-----------------------------------
JS中的逻辑运算符:
    ! 非运算:
        -可以对一个Boolean值进行取反操作, true 变false, false变true
        -我们可以利用该特性对一个值进行两次非运算,这样就可以直接转换为Boolean值
        -例子:
            var a = 0;
            a = !!a; //0在Boolean里面代表false,取反一次为true,再次取反为false
            console.log(a); //值为false
   

    && 与运算:
        -运算规则:
            两个值中有一个为false,则值为false
            两个值中两个都为true,则返回true
        -短路特性: 如果第一个值为false则不会看第二个值,并返回第一个值的结果
        -例子:
            var a  = 0 && "你看我出不出来~";
            console.log(a); //此时结果为0,因为0为false, &&运算会直接返回false的结果
   
    || 或运算:
        -运算规则:
            两个值中有一个为true,则返回值为true
            两个值中两个值都为false,则返回false
        -短路特性: 如果第一个值为true,则不会看第二个值,并返回第一个值的结果
        -例子:
            "123" || alert("你看我出不出来~");
            //此时并不会弹窗,因为前者为true,JS则不会查看第二个值,而直接返回第一个值123.
  --------------------------------------------



  练一练:


1. 请说出两种转换为string类型的方法,并说出利弊



2.  请写出console.log(a); 最后输出的结果
    var a = "undefined";
    a = parseInt(a);
    console.log(a);
    console.log(typeof a);


3. 请问下列的值是多少console.log()会分别打印出的值是什么?
        var n1 = 10;
        var n2 = 20;

        var n = n1++;

        console.log('n = ' + n);
        console.log('n1 = ' + n1);
        n = ++n1;
        console.log("n = " + n);
        console.log("n1 = " + n1);
        n = n2--;
        console.log("n = " + n);
        console.log("n2 = " + n2);
        n = --n2;
        console.log("n = " + n);
        console.log("n2 = " + n2);

4. 请写出在JS中如何表示二进制、十六进制、八进制的值.



5. 请写出console.log()会输出的值
    var a = 123;
    console.log("1" + a);


6. 请写出console.log()会输出的值
    var a = 55;
    console.log("56" - 55);

7. 请写出下列会输出的值.
    alert("帅哥你好") || alert("你看我出不出来~");

8. 请写出下列会输出的值i
    "" && alert(0);

9. 请用非运算将a的值转为boolean值
    var a = 0;

10. 请写出下列会输出的值:
    "undefined" && alert("nulll")

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2021-1-9 15:23:23 | 显示全部楼层

回帖奖励 +5 鱼币

支持
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2021-1-9 16:33:53 | 显示全部楼层

回帖奖励 +5 鱼币

菜鸟编程是个不错的地方,可以参考一下
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-1-10 01:19:10 | 显示全部楼层
weiter 发表于 2021-1-9 16:33
菜鸟编程是个不错的地方,可以参考一下

之前也有看过菜鸟编程想试试视频嘿嘿~偶尔遇到不会的也会去查
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

发表于 2021-1-10 11:01:24 | 显示全部楼层
yanghongchen666 发表于 2021-1-10 01:19
之前也有看过菜鸟编程想试试视频嘿嘿~偶尔遇到不会的也会去查

就是有时候我还是看不懂……
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-1-11 17:07:17 | 显示全部楼层

回帖奖励 +5 鱼币

支持,萌新看情况顺便蹭个币
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-1-11 17:51:01 | 显示全部楼层

回帖奖励 +5 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2021-1-12 00:31:14 | 显示全部楼层
weiter 发表于 2021-1-10 11:01
就是有时候我还是看不懂……

我也是不过我一般看不懂的话会换其他资源或者找找视频啥的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-1-13 11:38:18 | 显示全部楼层

回帖奖励 +5 鱼币

帮顶下
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-2-13 00:45:24 | 显示全部楼层
支持
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-22 10:15

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表