当前位置: IT培训 > HTML5培训 > 前端开发 > JS > JavaScript运算符小结
JavaScript运算符小结 时间:2017-11-09     来源:JS开发小赢家

本文主要给大家详细总结了下javascript中的运算符,包括常见的算数运算符、比较运算符和逻辑运算符。十分的清晰,有需要的小伙伴可以参考下。

JavaScript运算符

在JavaScript中,常见的运算符有算数运算符、比较运算符和逻辑运算符。

表1 JavaScript常见运算符

JavaScript运算符
JavaScript运算符

" + "号也可以用来连接字符串

“+”号不但可以将两个数据相加,还可以用来连接字符串。

例如:

var name=" Tom ";

var age=22;

var person="My name is "+name+" ! I'm "+age+" ! ";

alert(person);

保存并运行代码,显示 My name is Tom ! I'm 22 !

上面的例子中,有字符串,也有数值。当字符串和数值进行混合运算时,JavaScript 会自动判断“ + ”号的作用,是相加运算,还是连接字符串。如果是连接字符串,数值也将被转换为字符串。

对自加(++)和自减(--)的探讨

值得注意的是,自加(++)和自减(--)运算符放置在操作数的前面和后面含义不同。放在操作数前面(前自加 / 前自减),先对操作数进行加1(减1),再进行运算;放在操作数后面(后自加 / 后自减),先进行运算,再对操作数加1(减1)。

例如:

<script type="text/javascript">

var x=5;

var y=++x; // 前自加,赋值后 x 的值为 6

var z=x++; // 后自加,赋值后 x 的值为 7

var m=--x // 前自减,赋值后 x 的值为 6

var n=x-- // 后自减,赋值后 x 的值为 5

</script>

<p onclick="alert(y);">显示 y 的值</p>

<p onclick="alert(z);">显示 z 的值</p>

<p onclick="alert(m);">显示m 的值</p>

<p onclick="alert(n);">显示 n 的值</p>

保存并运行代码,依次点击四段文本,都显示 6 。

分析:

对于 y ,x (x=5)加 1 后的值变为 6 ,再将 x 的值传递给 y 。

对于 z ,先将 x 的值(x=6)传递给 z ,再对 x 加 1 ,值变为 7。

对于 m ,x (x=7)减 1 后的值为 6,再将 x 的值传递给 m 。

对于 n ,先将 x 的值(x=6)传递给 n ,再对 x 减 1,值变为 5 。

算数运算符的缩写

为了操作方便,减少代码的书写,JavaScript 还支持常见数学运算符的缩写。

表2常见算数运算符的缩写

JavaScript运算符


X