黑马程序员技术交流社区

标题: 【上海校区】运算符/一元运算符 [打印本页]
作者: 不二晨    时间: 2019-1-18 09:33
标题: 【上海校区】运算符/一元运算符
运算符也叫操作符
        通过运算符可以对一个或多个值进行运算,并获取运算结果
        比如：typeof就是运算符，可以来获得一个值的类型，它会将该值的类型以字符串的形式返回
        "number" "string" "boolean" "undefined" "object"

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

+
        +可以对两个值进行加法运算，并将结果返回
        如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接为一个字符串，并返回
        任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作        -
        - 可以对两个值进行减法运算，并将结果返回-
*
        * 可以对两个值进行乘法运算*
/
        / 可以对两个值进行除法运算
%
        % 取模运算（取余数）

任何值和字符串相加都会转换为字符串，并做拼串操作
1
我们可以利用这一特点，来将一个任意的数据类型转换为String
        我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String
        这是一种隐式的类型转换，由浏览器自动完成，实际上它也是调用String()函数

任何值做- * /运算时都会自动转换为Number
我们可以利用这一特点做隐式的类型转换
可以通过为一个值 -0 *1 /1来将其转换为Number
原理和Number()函数一样，使用起来更加简单

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>运算符</title>
        <script type="text/javascript">
                /*
                运算符也叫操作符
                        通过运算符可以对一个或多个值进行运算,并获取运算结果
                        比如：typeof就是运算符，可以来获得一个值的类型，它会将该值的类型以字符串的形式返回
                                "number" "string" "boolean" "undefined" "object"

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

                        +
                                +可以对两个值进行加法运算，并将结果返回
                                如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接为一个字符串，并返回
                                任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
                        -
                                - 可以对两个值进行减法运算，并将结果返回
                        *
                                * 可以对两个值进行乘法运算
                        /
                                / 可以对两个值进行除法运算
                        %
                                % 取模运算（取余数）
                */               
                var a = 123;
                var result = typeof a;
                // console.log(result);
                // console.log(typeof a);

                result = a + 1;
                result = 456 + 789;
                result = true + 1;
                result = true + false;
                result = 2 + null;
                result = 2 + NaN;
                result = "123" + "456";
                result = "你好" + "小帅哥";
                // console.log(result);

                var str = "锄禾日当午，汗滴禾下土，谁知盘中餐，粒粒皆辛苦";
                // console.log(str);

                result = 123 + "1";
                result = true + "hello";
                // console.log(result);

                //任何值和字符串相加都会转换为字符串，并做拼串操作
                /*
                我们可以利用这一特点，来将一个任意的数据类型转换为String
                        我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String
                        这是一种隐式的类型转换，由浏览器自动完成，实际上它也是调用String()函数
                */
                var c = 123;
                c = String(c);

                c = null;
                c = c + "";

                // console.log(typeof c);
                // console.log(c);

                c = 123;
                // console.log("c = " + c);

                result = 1 + 2 + "3";//33
                result = "1" + 2 + 3; //123

                result = 100 - 5;//95
                result = 100 - true;//99
                result = 100 - "1";//99

                result = 2 * 2;//4
                result = 2 * "8";
                result = 2 * undefined;//NaN
                result = 2 * null;//0

                result = 4 / 2;//2
                result = 3 / 2;//1.5
                // console.log("result = "+result);

                /*
                任何值做- * /运算时都会自动转换为Number
                我们可以利用这一特点做隐式的类型转换
                        可以通过为一个值 -0 *1 /1来将其转换为Number
                        原理和Number()函数一样，使用起来更加简单
                */
                var d = "123";
                d = d - 0;
                // console.log(typeof d);
                // console.log(d);

                result = 9 % 3;//0
                result = 9 % 4;//1
                result = 9 % 5;//4
               
                console.log("result = "+result);
        </script>
</head>
<body>

</body>
</html>

一元运算符

一元运算符，只需要一个操作数
+ 正号
        - 正号不会对数字产生任何影响
- 负号
                - 负号可以对数字进行符号的取反
               
                - 对于非Number类型的值，它会将先转换为Number，然后再运算
                - 可以对一个其他的数据类型使用+,来将其转换为number，它的原理和Number()函数一样

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>一元运算符</title>
        <script type="text/javascript">
                /*
                一元运算符，只需要一个操作数
                        + 正号
                                - 正号不会对数字产生任何影响
                        - 负号
                                - 负号可以对数字进行符号的取反
               
                        - 对于非Number类型的值，它会将先转换为Number，然后再运算
                        - 可以对一个其他的数据类型使用+,来将其转换为number，它的原理和Number()函数一样
                */
                       
                var a = 123;
                a = +a;
                a = -a;
               
                a = true;
                a = -a;
               
                a = "18";
                a = +a;
               
                /*console.log("a = " + a);
                console.log(typeof a);*/
               
                var result = 1 + +"2" + 3;
               
                console.log("result = "+result);
        </script>
</head>
<body>

</body>
</html>
---------------------
【转载，仅作分享，侵删】
作者：YRyr.*
原文：https://blog.csdn.net/weixin_43152725/article/details/85889318


作者: 不二晨    时间: 2019-1-23 17:26
奈斯，感谢分享



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2