JS基础_算数运算符

Posted 星辰郎周

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS基础_算数运算符相关的知识,希望对你有一定的参考价值。

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title></title>
  6         <script type="text/javascript">
  7             
  8             /*
  9              * 运算符也叫操作符
 10              *     通过运算符可以对一个或多个值进行运算,并获取运算结果
 11              *     比如:typeof就是运算符,可以来获得一个值的类型,它会将该值的类型以字符串的形式返回 number string boolean undefined object
 12              * 
 13              *     算数运算符
 14              *         当对非Number类型的值进行运算时,会将这些值转换为Number然后再运算,任何值和NaN做运算都得NaN
 15              * 
 16              *         
 17              *         +    +可以对两个值进行加法运算,并将结果返回
 18              *              如果对两个字符串进行加法运算,则会做拼串,会将两个字符串拼接为一个字符串,并返回
 19              *             任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
 20              *         
 21              *         -    - 可以对两个值进行减法运算,并将结果返回
 22              * 
 23              *         
 24              *         *    * 可以对两个值进行乘法运算
 25              *         
 26              *         /    / 可以对两个值进行除法运算
 27              *         
 28              *         %    % 取模运算(取余数)
 29              */
 30             
 31             var a = 123;
 32             var result = typeof a;
 33             console.log(result);//number
 34             console.log(typeof result); //string
 35             
 36             
 37             result = a + 1;
 38             console.log(result);//124
 39             
 40             
 41             result = 456 + 789;
 42             console.log(result);//1245
 43             
 44             
 45             result = true + 1;
 46             console.log(result);//2
 47             
 48             
 49             //任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
 50             result = true + false;
 51             console.log(result);//1
 52             
 53             
 54             //任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
 55             result = 2 + null;
 56             console.log(result);//2
 57             
 58             
 59             //任何值和NaN做运算都得NaN
 60             result = 2 + NaN;
 61             console.log(result);//NaN
 62             
 63             
 64             //如果对两个字符串进行加法运算,则会做拼串,会将两个字符串拼接为一个字符串,并返回
 65             result  = "123" + "456";
 66             console.log(result);//123456
 67             
 68             
 69             result = "你好" + "大帅哥";
 70             console.log(result);//你好大帅哥
 71             
 72             
 73             var str = "锄禾日当午," +
 74                       "汗滴禾下土," +
 75                       "谁知盘中餐," +
 76                       "粒粒皆辛苦";
 77             console.log(str);//锄禾日当午,汗滴禾下土,谁知盘中餐,粒粒皆辛苦          
 78             
 79             //-----------------------------------------------------------------------------------
 80             
 81             //任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
 82             result = 123 + "1";
 83             console.log(result);//1231
 84             
 85             
 86             //任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
 87             result = true + "hello";
 88             console.log(result);//truehello
 89             
 90             
 91             /*
 92              * 我们可以利用这一特点,来将一个任意的数据类型转换为String
 93              *     我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String
 94              *     这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String()函数
 95              */
 96             var c = 123;
 97             c = c + ""; //和c = String(c)本质上是一样的
 98             console.log(typeof c);//string
 99             
100             
101             result = 1 + 2 + "3"; 
102             console.log(result); //33
103             
104             result = "1" + 2 + 3; 
105             console.log(result); //123
106             
107             //-----------------------------------------------------------------------------------
108             
109             result = 100 - 5;
110             console.log(result); //95
111             
112             result = 100 - true; 
113             console.log(result); //99
114             
115             result = 100 - "1";
116             console.log(result); //99
117             
118             result = 2 * 2;
119             console.log(result); //4
120             
121             result = 2 * "8"; 
122             console.log(result); //16
123             
124             result = 2 * undefined;
125             console.log(result); //NaN
126             
127             result = 2 * null;
128             console.log(result); //0
129             
130             result = 4 / 2;
131             console.log(result); //2
132             
133             result = 3 / 2;
134             console.log(result); //1.5
135             
136             //-----------------------------------------------------------------------------------
137             
138             /*
139              * 任何值做  -  *  / 运算时都会自动转换为Number
140              *     我们可以利用这一特点做隐式的类型转换
141              *         可以通过为一个值 -0  、*1 、 /1来将其转换为Number,原理和Number()函数一样,使用起来更加简单
142              */
143             
144             var d = "123";
145             d = d - 0;
146             console.log(d); //123
147             console.log(typeof d);//number
148             
149             
150             result = 9 % 3;
151             console.log(result); //0
152             
153             result = 9 % 4;
154             console.log(result); //1
155             
156             result = 9 % 5;
157             console.log(result); //4
158             
159             
160         </script>
161     </head>
162     <body>
163     </body>
164 </html>

 

以上是关于JS基础_算数运算符的主要内容,如果未能解决你的问题,请参考以下文章

Python基础:多文件项目注释算数运算符程序执行原理和变量的基本使用

Javascript 基础学习js 的运算符

Python-04-基础知识_运算符简介

Python基础(注释/算数运算符/变量类型/拼接字符串)

《C#零基础入门之百识百例》 算数运算符 -- 圆的面积

PHP运算符:算数运算符逻辑运算符三目运算符位运算符字符串运算符。