算术表达式是由操作数和算术运算符组合而成的表达式。算术表达式可通过算术运算符实现加、减、乘、除和取模（求余）等运算。算术运算符包括单目运算符和双目运算符。常用的算术运算符的表示方法、类型及举例见表 1。
图 1：算术运算表达式结果
图 2 ：“+”运算符使用测试结果
| 运算符 | 描述 | 类型 | 示例 |
|---|---|---|---|
| + |
当操作数全部为数字类型时执行加法运算； 当操作数存在字符串时执行字符串连接操作 |
双目运算符 |
3+6 //执行加法运算，结果为：9
"3"+6 //执行字符串连接操作，结果为：36
|
| – | 减法运算符 | 双目运算符 | 7-2 //执行减法运算，结果为：5 |
| * | 乘法运算符 | 双目运算符 | 7*3 //执行乘法运算，结果为：21 |
| / | 除法运算符 | 双目运算符 | 12/3 //执行除法运算，结果为：4 |
| % | 取模（求余）运算符 | 双目运算符 | 7%4 //执行取模运算，结果为：3 |
| ++ | 自增运算符 | 单目运算符 |
i=l; j=i++ //j 的值为 1, i 的值为：2 i=l; j=++i //j的值为 2, i 的值为：2 |
| — | 自减运算符 | 单目运算符 |
i=6; j=i– //j的值为 6, i 的值为：5 i=6; j=–i //j的值为 5, i 的值为：5 |
注：++、--两个运算符既可以出现在操作数的前面，也可以出现在操作数的后面，如果出现在操作数前面，首先对操作数执行自增或自减运算，然后再执行其他运算。例如 j=++i，k=–h，会首先对操作数 i 和 h 分别执行自增和自减运算，然后再执行赋值运算。
如果出现在操作数后面，则首先执行其他运算，然后再执行自增或自减运算。例如 j=i++，k=h–，会首先对操作数 i 和 h 执行赋值运算，然后再对操作数 i 和 h 分别执行自增和自减运算。
【例 1】算术运算符的使用。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>算术运算符的使用</title>
<script>
var x = 11,y = 5,z = 8; //声明变量x、y和z
console.log("x = 11, y = 5, z = 8");
console.log("x + y =", x + y); //执行加法运算
console.log("x - y =", x - y); //执行减法运算
console.log("x * y =", x * y); //执行乘法运算
console.log("x / y =", x / y); //执行除法运算
console.log("x % y =", x % y); //执行取模运算
console.log("y++ =",y++); //“++”在操作数后面，先输出，后执行自增运算
console.log("++y =",++y); //“++”在操作数前面，先执行自增运算，后输出
console.log("z-- =",z--); //“--”在操作数后面，先输出，后执行自减运算
console.log("--z =",--z); //“--”在操作数前面，先执行自减运算，后输出
</script>
</head>
<body>
</body>
</html>
上述代码的每一个 log() 方法都存在两个参数，第一个参数为字符串，在控制台中将原样显示，第二个参数为运算表达式，在控制台中将显示表达式的值。上述代码在 Chrome 浏览器的控制台中的运行结果如图 1 所示。
图 1：算术运算表达式结果
【例 1】+运算符的使用。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>"+"运算符的使用</title>
<script>
var str1 = ""+"运算符";
var str2 = "使用测试";
console.log(str1 + str2); //操作数为两个字符串，执行字符串连接操作
console.log("11 + 5 =", 11 + 5); //操作数全部为数字，执行加法运算
console.log("'11' + 5 =", '11' + 5); //存在一个字符串操作数，执行字符串连接操作
</script>
</head>
<body>
</body>
</html>
上述代码的第三个 log() 中的两个参数其实可以通过+运算符连成一个参数，即写成：log("'11'+5="+'11'+5)，这样参数其实是执行了 3 个字符串的连接操作。
需要注意的是，第二个 log() 中的两个参数不能使用“+”运算符连起来，因为第二个参数需要执行加法运算，如果和字符串类型的第一个参数连接的话，第二个参数中的 2 个数字都要转换为字符串，使得表达式的结果为 115，而不是 16。
上述代码在 Chrome 浏览器的控制台中的运行结果如图 1 所示。
图 2 ：“+”运算符使用测试结果
原创文章，作者：奋斗，如若转载，请注明出处：https://blog.ytso.com/23933.html