首页 > 编程语言 > 详细

Web全栈工程师之路(三)——JavaScript篇(四)——运算符(一)

时间:2020-05-10 12:29:40      阅读:51      评论:0      收藏:0      [点我收藏+]

以下是html代码,个人建议放在IDE里运行,边看效果,边学习~ 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>JS初步(四)——运算符(一)</title>
    <script>
        /*  
            运算符(操作符)
                - 通过运算符可以对一个或多个值进行运算,并获取运算结果
                  比如:typeof就是运算符,可以来获得一个值的类型
                  它会讲该值的类型以字符串的形式返回  
            
            算术运算符
                当非number类型的值进行运算时,会先将其转换为数值,再进行运算(除了加法运算)
                任何值和NaN做运算都得NaN
                任何值和字符串做加法运算,都会先转换为字符串,在进行运算
                    - 我们可以利用这一特点,来将一个任意的数据类型转换为String类型
                      我们只需要为任意的数据类型加一个"”即可将其转换为String类型
                      这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String()函数
                任何值做*-/运算时都会自动转换为Number类型
                我们可以利用这一特点做隐式的类型转换
                可以通过为一个值-0 *1 /1来将其转换为Number类型
                原理和Number()函数一样,使用起来更加简单
        
                
                "+" 
                    - 对两个值进行加法运算,并将结果返回,返回的值不会影响原变量
                    - 两个字符串进行加法运算,会做拼串,然后返回

                "-"
                    - 对两个值进行减法运算,并将结果返回,返回的值不会影响原变量
                "*"
                    - 对两个值进行乘法运算,并将结果返回,返回的值不会影响原变量
                "/"
                    - 对两个值进行除法运算,并将结果返回,返回的值不会影响原变量
                "%"
                    - 取模运算(取余数)
                
            一元运算符(只需要一个操作数的运算符)
                "+" 正号
                    - 正号不会对数字产生任何影响
                "-" 负号
                    - 负号可以对数字进行负号的取反

                - 对于非number值,它会先将其转换为number类型,再运算
                  可以对其他的数据使用+,使其转换为number,原理与Number()一致
                
                

        */
        var a = 123;
        var b = typeof a;

        console.log(a); //输出123
        console.log(b); //输出number
        console.log(typeof b) //输出string

        //特殊的NaN
        var a = 2 + NaN;

        console.log(a); //输出NaN

        //拼串效果
        var a = "123" + "456"

        console.log(a); //输出"123456"

        //通过加法运算符进行换行拼串
        var b = "道可道," +
                "非常道;"+
                "名可名,"+
                "非常名。"
        
        console.log(b); //输出"道可道,非常道;名可名,非常名。"

        //数字与字符串相加时,数值会变成字符串,而不是字符串编程数值,仅限加法
        var b = 123 + "321";

        console.log(b); //输出"123321"

        var a = 1 + 2 + "3";
        var b = "1" + 2 + 3;

        console.log(a); //输出"33",前一个3是1、2相加得来的
        console.log(b); //输出"123"

        var a = 100 - "1"; //字符串1转换成了数值,然后相减,而加法则是特例

        console.log(a); //输出99
        console.log(typeof a); //输出number

        //一元运算符的使用举例

        var a = 1 + +"2" + 3;

        console.log(a); //输出6
        console.log(typeof a); //输出number
    </script>
</head>
<body>
    
</body>
</html>

 

Web全栈工程师之路(三)——JavaScript篇(四)——运算符(一)

原文:https://www.cnblogs.com/lyrebirth-world/p/12862534.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!