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

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

赞 (0)

相关推荐

  • Javascript图像处理—为矩阵添加常用方法

    前言 上一篇文章,我们定义了矩阵,这篇文章我们来给矩阵添加一些常用方法. toString方法 toString方法通常用作将对象转成字符串描述,所以我们将这一方法定义为输出矩阵元素. 复制代码 代码如下: Mat.prototype.toString = function(){ var tempData = this.data, text = "Mat("+ this.type +") = {\n", num = this.col * this.channel;

  • JS实现简单的二维矩阵乘积运算

    JS实现简单的二维矩阵乘积运算

    本文实例讲述了JS实现简单的二维矩阵乘积运算方法.分享给大家供大家参考,具体如下: Console控制台截图如下: (上图为输出结果直接上代码了(A矩阵可以乘以B矩阵的前提是A矩阵的列数等于B矩阵的行数) <!DOCTYPE html> <html> <head> <title>demo</title> </head> <body> </body> <script type="text/java

  • javascript中in运算符用法分析

    本文实例讲述了javascript中in运算符用法.分享给大家供大家参考.具体分析如下: in运算符希望它的左操作数是一个字符串或可以转换为字符串,希望他的右操作数是一个对象:如果右侧对象拥有一个名为左操作数值的属性名,那么表达式返回true: var point = {x:1,y:1}; "x" in point //true "z" in point //false "toString" in point //true var ary = [

  • JavaScript使用位运算符判断奇数和偶数的方法

    本文实例讲述了JavaScript使用位运算符判断奇数和偶数的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

  • 浅谈JavaScript中运算符的优先级

    运算符优先级 JavaScript中的运算符优先级是一套规则.该规则在计算表达式时控制运算符执行的顺序.具有较高优先级的运算符先于较低优先级的运算符执行.例如,乘法的执行先于加法. 下表按从最高到最低的优先级列出JavaScript运算符.具有相同优先级的运算符按从左至右的顺序求值. 运算符 描述 . [] () 字段访问.数组下标.函数调用以及表达式分组 ++ -- - ~ ! delete new typeof void 一元运算符.返回数据类型.对象创建.未定义值 * / % 乘法.除法.

  • JavaScript保存并运算页面中数字类型变量的写法

    之前在html页面嵌入一段如下javascript片段,但是在单击一个按钮的时候会对i值加一,但是两次单击之后,i的初始值没变. 复制代码 代码如下: <script language=javascript>       var i=2; </script> 后来把变量声明在一个test对象里面,如下代码.这样每次变更test.i之后,test.i的值就可以保存下来 复制代码 代码如下: <script language=javascript>       var te

  • 杨氏矩阵查找的JS代码

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

  • JS日期加减,日期运算代码

    一.日期减去天数等于第二个日期 function cc(dd,dadd){ //可以加上错误处理 var a = new Date(dd) a = a.valueOf() a = a - dadd * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") } cc("1

  • js实现文本框支持加减运算的方法

    js实现文本框支持加减运算的方法

    本文实例讲述了js实现文本框支持加减运算的方法.分享给大家供大家参考.具体如下: 这是一个网页表单效果,让表单内的文本框支持加减运算,不过你要按正确的运算式输入,要不然它没有那么智能哦,比如输入1+5,文本框旁边会显示计算结果,这要归功于JavaScript的功能. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-math-input-method-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3

  • Javascript中3个需要注意的运算符

    Javascript中3个需要注意的运算符

    平时写惯了C#,所以会觉得什么样的运算符就应该做什么样的运算,但是有一天你的习惯被其他语言颠覆了,不知道是不是有一股强大的好奇 心,刚好在js中,我的这种习惯就被颠覆了,下面就看看哪些运算符颠覆了我的三观. 一:==运算符 ==运算符之所以可以颠覆,可以从下面几个例子中看出来. <1> "10"==10 ? 如果这要是放在C#里面,编译器会毫不客气的告诉你,王八羔子,类型都不同,你比个毛线啊...但是在JS里面又会是怎样呢? 从上图中,你可以看到,不管你好奇不好奇,答案就在

随机推荐