JavaScript运算符小结
作者:bea
在JavaScript中,常见的运算符有算数运算符、比较运算符和逻辑运算符。 表1 JavaScript常见运算符 算数运算符 说明 举例 结果 = 赋值运算符。将运算符右边变量的值赋给左边变量。 x = 5 ; - + 加号。将两个数据相加。 y=1+2; y=3 - 减号。将两个数据相减。 z = x-y; z=2
在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
以上所述就是本文的全部内容了,希望大家能够喜欢。
有用 | 无用
表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实现禁止复制文本信息
- 详解JavaScript中循环控制语句的用法
- 讲解JavaScript中for...in语句的使用方法
- JavaScript中for循环的使用详解
- 详解JavaScript的while循环的使用
- jQuery中extend()和fn.extend()方法详解
- JavaScript中switch语句的用法详解
- jquery中添加属性和删除属性
- JavaScript中的条件判断语句使用详解
- 简单介绍JavaScript的变量和数据类型
- 在HTML中插入JavaScript代码的示例
- jQuery事件绑定on()、bind()与delegate() 方法详解
- 在浏览器中打开或关闭JavaScript的方法
- 浅谈javascript中基本包装类型
- js中函数声明与函数表达式
- JavaScript基本语法讲解
- 通过实例理解javascript中没有函数重载的概念
- ECMAScript中函数function类型