本文摘自PHP中文网，作者青灯夜游，侵删。
javascript算术运算符有：加法运算符“+”，减法运算符“-”、乘法运算符“*”、除法运算符“/”、求余运算符“%”、递增运算符“++”、递减运算符“--”、幂运算符“**”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
算术运算符用于对数字（文字或变量）执行算术运算。标准算术运算符是加法 +，减法 -，乘法 * 和除法 /。和数学里面的加减乘除很类似，我们一起来看一下。
加法运算符
加法运算符 + 的作用是数值求和，这个应该很简单。
示例：
下面是简单的求两数之和：
1 2 3 |
|
+ 激发运算符除了计算两数之和，我们可以通过 + 连接字符串，得到的结果是一个新的字符串。
示例：
使用 + 将定义好的三个变量连接：
1 2 3 4 |
|
除此之外，数字和一个字符串也可以通过 + 加号连接，返回结果同样为一个字符串。
示例：
看一下数字与数字相加，数字与字符串相加有什么不同：
1 2 3 4 5 6 |
|
注意在某些编程语言（例如Python）中不同类型是不能进行相加的，例如数字加字符串会报错。而 JavaScript 中数字和字符串相加，返回一个字符串。
减法运算符
减法运算符 - 可以用于两个操作数相减，结果为它们的差值。
示例：
1 2 3 |
|
在减法运算中，如果操作数为字符串，先尝试把它转换为数值，再进行运算。如果有一个操作数不是数字，则返回 NaN。
示例：
1 2 |
|
使用值减去 0，可以快速把值转换为数字。例如 HTTP 请求中查询字符串一般都是字符串型数字，可以先把这些参数值减去 0 转换为数值。这与调用 parseFloat() 方法的结果相同，但减法更高效、快捷。减法运算符的隐性转换如果失败，则返回 NaN，这与使用 parseFloat() 方法执行转换时的返回值是不同的。
例如，对于字符串“100aaa”而言，parseFloat() 方法能够解析出前面几个数字，而对于减法运算符来说，则必须是完整的数字，才可以进行转换。
1 2 |
|
对于布尔值来说，parseFloat() 方法能够把 true 转换为 1，把 false 转换为 0，而减法运算符视其为 NaN。
对于对象来说，parseFloat() 方法会尝试调用对象的 toString() 方法进行转换，而减法运算符先尝试调用对象的 valueOf() 方法进行转换，失败之后再调用 toString() 进行转换。
注意特殊操作数的减法运算。
1 2 3 4 5 6 |
|
取反运算
注意特殊操作数的取反运算
1 2 3 4 5 6 |
|
乘法运算符
乘法运算符 * 的结果是操作数的乘积。
示例：
1 2 3 4 |
|
如果我们使用一个字符串与一个数字相乘，最终返回一个NaN，即非法数。
除法运算符
除法运算符 / 的结果是操作数的商 ，左操作数是被除数，右操作数是除数。
示例：
1 2 3 4 5 6 7 |
|
我们需要注意的是，在 JavaScript 中 1 / 2 这种结果带小数点的运算，结果会带小数点，例如 0.5。而在 Java 等语言中，不需要数字是明确的浮点数，1 / 2 的返回结果为0。
求余运算符
百分号 % 是求余运算符，返回第一个操作数对第二个操作数的模（余数），例如 x % y，得到的结果是x 除以y 的整型余数。余数大家应该知道，我们在数学中也学过，就是指整数触发中被除数未被除尽的部分。
示例：
例如下面这段代码：
1 2 3 4 |
|
输出结果为1，这其实很好理解，9 % 2 就是求 9 除以 2 的余数，就是1。
那么如果是 12 % 5 呢，输出结果会是什么？ 12除以5会余2，所以结果结果为2。现在你应该知道 % 要怎么使用了吧。
递增运算符
递增运算符 ++ 为其操作数增加1，并返回一个数值。如果使用后置，如x++，将会在递增前返回数值。如果前置，如 ++x，将会在递增后返回数值。
示例：
假设我们定义了一个变量 i，然后使用自增运算符对 i 进行递增运算，将递增后的 i 赋值给了变量 j，最终j 的输出结果为 6：
1 2 3 4 |
|
那为什么结果会是6呢，i++ 其实就是表示在 i 的基础上加一，相当于i + 1。
然后我们看一下递增运算符前置和后置，到底有什么区别，例如下面这个代码：
1 2 3 4 5 6 |
|
- 变量 a 的值为9，然后使用后置递增运算符
a++，第一次输出会在递增之前就返回数值，即输出结果还是 9。 - 然后此时输出 a 的值，可以看到 a 的值已经为10了，因为已经执行了一次递增运算符，所以加 1。
- 接着第三次输出时，使用前置递增运算符，这会在递增之后才返回数值，即输出结果为11。
递减运算符
递减运算符 -- 为其操作数减去1，并返回一个数值。递减运算符和递增运算符的使用方法差不多，一个是减、一个是加，正好相反。
如果后置使用递减运算符，则在递减之前返回数值。如果前置使用，则在递减之后返回数值。
示例：
1 2 3 4 5 6 |
|
- 变量b的值为7，然后使用后置递减运算符
b--，会在递减之钱返回数值，即7。 - 然后第二次输出变量b，此时已经成功执行
b--，会在此基础上减1，所以输出6。 - 第三次输出
--b，使用后置递减运算符，会在递减之后返回数值，所以会输出5。
幂运算符
幂运算符 ** 返回第一个操作数做底数，第二个操作数做指数的乘方。例如5 ** 2 表示 5 的 2 次方，根据所学数学知道就能得出结果为25。
示例：
下面这个代码表示求 6 的 3 次方，相当于 6 * 6 * 6，结果为216：
1 2 3 |
|
上面的运算出的结果与 Math.pow(x, y) 是相同的，例如：
1 2 3 |
|
pow()方法可返回 x 的 y 次幂的值。
【推荐学习：javascript高级教程】
以上就是javascript算术运算符有哪些的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
用h5的webgl如何在同一个界面做出json和echarts图表
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
