JavaScript的运算符按运算符类型可以分为以下5种:
(1)算术运算符;
(2)比较运算符;
(3)赋值运算符;
(4)逻辑运算符;
(5)条件运算符;
typeof运算符
- 在
JavaScript
中,typeof
运算符用于返回它的操作数当前所容纳的数据的类型,这对于判断一个变量是否已被定义特别有用
<!DOCTYPE html>
<html lang="en" ">
<head>
<title></title>
<script type="text/javascript">
document.write(typeof(1)+ "<br/>");
document.write(typeof("javascript")+ "<br/>");
document.write(typeof(null)+ "<br/>");
document.write(typeof(undefined)+ "<br/>");
</script>
</head>
<body>
</body>
</html>

一、算术运算符
- 算术运算符用于在程序中进行加、减、乘、除等运算
JavaScript
中常用的算术运算符如下:
JavaScript中常用的算术运算符
1、自增运算符
“++”是自增运算符,它指的是在原来值的基础上加1,i++表示“i=i+1”。该运算符有2种情况:
(1)i++
- “
i++
”指的是在使用i
之后,使i
的值加1
举例:
i=1;
j=i++;
上面执行的结果:j
的值为1
,i
的值为2
其实上面代码等价于下面这一段代码:
i=1;
j=i;
i++;
(2)++i
* “++i
”指的是在使用i
之前,先使i
的值加1
举例:
i=1;
j=++i;
上面的执行结果:j
的值为2
,i
的值为2
其实上面代码等价于下面这一段代码:
i=1;
i++;
j=i;
2、自减运算符
“--
”是自减运算符,它指的是在原来值的基础上减1
,i--
表示“i=i-1
”。该运算符同样有2
种情况:
(1)i--
(2)--i
举例:
i=6;j=i--;//j的值为6,i的值为5
i=6;j=--i;//j的值为5,i的值为5
二、比较运算符
比较运算符的基本操作过程是:首先对操作数进行比较,该操作数可以是数字也可以是字符串,然后返回一个布尔值true
或false

- 在此说明一点,如果比较
m
和n
两个变量是否相等,“m=n
”这是错误的,因为“=
”表示赋值运算符,应该写成“m==n
”
三、赋值运算符
-
JavaScript
中的赋值运算可以分为2
种:简单赋值运算和复合赋值运算。 - 简单赋值运算是将赋值运算符(
=
)右边表达式的值保存到左边的变量中。 - 复合赋值运算结合了其他操作(如算术运算操作)和赋值操作。
举例:
sum=sum+i;//简单赋值运算;
sum+=i;//复合赋值运算,等价于sum=sum+i;

- 对于最后3个,平常不经常用,忽略掉算了
四、逻辑运算符
- 逻辑运算符通常用于执行布尔运算,它们常常和比较运算符一起使用来表示复杂比较运算,这些运算涉及的变量通常不止一个,而且常用于
if
、while
和for
语句中
JavaScript中常用的算术运算符
举例:
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<script type="text/javascript">
document.write((8 > 5) && (4 < 6)+"<br>");
document.write((8 < 5) || (4 < 6)+"<br>");
document.write(!(9 > 2));
</script>
</head>
<body>
</body>
</html>

- 总结:
(1)true
的!
为false
,false
的!
为true
;
(2)a&&b
,a
、b
全为true
时,表达式为true
,否则表达式为false
;
(3)a||b
:a
、b
全为false
时,表达式为false
,否则表达式为true
;
五、条件运算符(三元运算符)
- 条件运算符是
JavaScript
支持的一种特殊的运算符
语法:条件 ? 表达式1 : 表达式2;
- 说明:如果“条件”为
true
,则表达式的值使用“表达式1
”的值;如果“条件”为false
,则表达式的值使用“表达式2
”的值
例如:
(x>y)?4*3:5
- 分析:如果
x
的值大于y
的值,则上面整个表达式最终的值为“12
(由4*3得到)”;如果x
的值小于或等于y
的值,则上面整个表达式最终的值为“5
”
举例:
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<script type="text/javascript">
var a=3;
var b=5
var c=(a<b)? "正确":"错误";
document.write(c);
</script>
</head>
<body>
</body>
</html>

网友评论