脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript运算符小结

JavaScript运算符小结

 更新时间：2015年06月03日 10:20:46   投稿：hebedich  
本文主要给大家详细总结了下javascript中的运算符，包括常见的算数运算符、比较运算符和逻辑运算符。十分的清晰，有需要的小伙伴可以参考下。

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

表1 JavaScript常见运算符

算数运算符 说明 举例 结果
= 赋值运算符。将运算符右边变量的值赋给左边变量。 x = 5 ; -
+ 加号。将两个数据相加。 y=1+2; y=3
- 减号。将两个数据相减。 z = x-y; z=2
* 乘号。将两个数据相乘。 a=x*y; a=15
/ 除号。将两个数据相除。 b=x/z; b=2.5
% 求余运算。求两个数据相除的余数。 c=x%z; c=1
++ 自加。将操作数加1。 m=++x; m=6   x=6
-- 自减。将操作数减1。 n=--x; n=5    x=5
比较运算符 说明 举例 结果
== 相等。若两数据相等，返回 true，否则返回 false。 boolean1=(x==5); boolean1=true
!= 不相等。若两数据不相等，返回 true，否则返回 false。 boolean2=(x!=5); boolean2=false;
> 大于。若左边数据大于右边数据，返回 true，否则返回 false。 boolean4=(x>y); boolean4=true
< 小于。若左边数据小于右边数据，则返回布尔值true，否则返回false。 boolean5=(x<y); boolean5=false
>= 大于等于。若左边数据大于或等于右边数据，返回 true，否则返回 false。 boolean6=(x>=y); boolean6=true
<= 小于等于。若左边数据小于或等于右边数据，返回 true，否则返回 false。 boolean7=(x<=y); boolean7=false
逻辑运算符 说明 举例 结果
&& 逻辑与。如果符号两边的操作数为真，返回true，否则返回false。 boolean_a=true&&false; boolean_a=false
|| 逻辑或。如果符号两边的操作数为假，返回false，否则返回true。 boolean_b=true||false; boolean_b=true
! 逻辑非。如果符号右边的操作数为真，返回false，否则返回true。 boolean_c=!true; boolean_c=false

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

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

例如：

复制代码 代码如下:

 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常见算数运算符的缩写


运算符 例子 等价于
+= x+=y x=x+y
-= x-=y x=x-y
*= x*=y x=x*y
/= x/=y x=x/y
%= x%=y x=x%y

以上所述就是本文的全部内容了，希望大家能够喜欢。

您可能感兴趣的文章:

相关文章

  • JS数组索引检测中的数据类型问题详解

    JS数组索引检测中的数据类型问题详解

    这篇文章主要给大家介绍了关于JS数组索引检测中的数据类型问题的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • 在iframe中使bootstrap的模态框在父页面弹出问题

    在iframe中使bootstrap的模态框在父页面弹出问题

    这篇文章主要介绍了在iframe中使bootstrap的模态框在父页面弹出问题,解决方法非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-08-08
  • JS匿名函数类生成方式实例分析

    JS匿名函数类生成方式实例分析

    这篇文章主要介绍了JS匿名函数类生成方式,结合实例形式分析了javascript匿名函数类相关属性与方法定义与使用技巧,需要的朋友可以参考下
    2016-11-11
  • Canvas实现微信红包照片效果

    Canvas实现微信红包照片效果

    这篇文章主要为大家详细介绍了Canvas实现微信红包照片效果，用canvas及css3结合，实现红包照片的效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-08-08
  • JS实现移动端判断上拉和下滑功能

    JS实现移动端判断上拉和下滑功能

    通过手指触屏，利用touchstart和touchend计算前后滑动距离，判断是上拉还是下滑。接下来通过实例代码给大家介绍js移动端判断上拉和下滑功能，感兴趣的朋友一起看看吧
    2017-08-08
  • js实现详情页放大镜效果

    js实现详情页放大镜效果

    这篇文章主要为大家详细介绍了js实现详情页放大镜效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-10-10
  • vscode中使用npm安装babel的方法

    vscode中使用npm安装babel的方法

    bable是一个广泛使用的ES6转换器，可以将ES6代码转为ES5代码，本文给大家介绍VScode里面怎么使用bable，使用npm安装babel的方法，需要的朋友参考下吧
    2021-08-08
  • JS路由跳转的简单实现代码

    JS路由跳转的简单实现代码

    本文给大家分享一个简单的js路由跳转功能，非常不错，需要的朋友参考下吧
    2017-09-09
  • 如何使用JS获取IE上传文件路径(IE7,8)

    如何使用JS获取IE上传文件路径(IE7,8)

    本篇文章是对使用JS获取IE上传文件路径的实现代码进行了详细的分析介绍，需要的朋友参考下
    2013-07-07
  • js replace() 文本替换你所不知的

    js replace() 文本替换你所不知的

    今天看了一个函数，功能是把形如word-word的字符串转化为wordWord
    2010-03-03

最新评论