javascript学习笔记004—运算符
JavaScript的运算符按运算符类型可以分为以下5种:
- 算术运算符;
- 比较运算符;
- 赋值运算符;
- 逻辑运算符;
- 条件运算符;
一、算术运算符
算数运算符有:加(+),减(-),乘(*),除(/),自增运算符(++),自减运算符(–).
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;
最后我们做个实验:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<script>
var a=1;
var b=a++;
document.write('b='+b+'<br>');
document.write('a='+a+'<br>');
var i = 1;
var j=++i;
document.write('j='+i+'<br>');
document.write('i='+i+'<br>');
</script>
</body>
</html>
浏览器输出的结果是这样的:
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
举例:JavaScript算术运算符
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var n1=6,n2=7;
var m1=n1+n2;
var m2=n1*n2;
var m3=n1++;
var m4=--n2;
document.write("m1="+m1+"<br/>");
document.write("m2="+m2+"<br/>");
document.write("m3="+m3+"<br/>");
document.write("m4="+m4+"<br/>");
</script>
</head>
<body>
</body>
</html>
二、比较运算符
比较运算符其实就是判断大(>),小(<),等于(==),不等于(!=),恒等于(===)的运算符.如果判断结果是成立的那么反馈是true,判断结果是不成立的,反馈的是flase.
举例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var age=12;
document.write("age>20:"+(age>20)+"<br>");
document.write("age<20:"+(age<20)+"<br>");
document.write("age!=20:"+(age!=20)+"<br>");
document.write("age<=20:"+(age<=20)+"<br>");
</script>
</head>
<body>
</body>
</html>
结果:
三、赋值运算符
JavaScript中的赋值运算有2种:简单赋值运算和复合赋值运算.
简单赋值运算是将赋值运算符(=)右边表达式的值保存到左边的变量中.
复合赋值运算结合了其他操作和赋值操作.
举例:
sum=sum+i;//简单赋值运算;
sum+=i;//复合赋值运算,等价于sum=sum+i;
= author="hello"
+= a+=b等价于a=a+b
-= a-=b等价于a=a-b
*= a*=b等价于a=a*b
/= a/=b等价于a=a/b
%= a%=b等价于a=a%b
&= a&=b等价于a=a&b(&是逻辑与运算)
|= a|=b等价于a=a|b(|是逻辑或运算)
^= a^=b等价于a=a^b(^是逻辑异或运算)
四、逻辑运算符
逻辑运算符通常用于执行布尔运算,常常和比较运算符一起使用来表示复杂比较运算,这些运算涉及的变量通常不止一个,而且常用于if,while和for语句中.
运算符 | 描述 | 示例 |
---|---|---|
&& | 逻辑与,若两边表达式的值都为true,则返回true;任意一个值为false,则返回false | (8>5)&&(4<6),返回true;(8<5)&&(4<6),返回false |
|| | 逻辑或,只有表达式的值都为false,才返回false,其他情况返回true | (8<5)||(4<6),返回true;(8<5)&&(4>6),返回false |
! | 逻辑非,若表达式的值为true,则返回false;若表达式的值为false,则返回true | !(9>2),返回false;!(9<2),返回true |
举例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<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”的值。
例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var a=3;
var b=5
var c=(a<b)? "正确":"错误";
document.write(c);
</script>
</head>
<body>
</body>
</html>
返回的结果是”正确”.
六、typeof运算符
typeof运算符简介
在JavaScript中,typeof运算符用于返回它的操作数当前所容纳的数据的类型,这对于判断一个变量是否已被定义特别有用.
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<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>
结果:
分析:
很多人对typeof(null)返回的类型为是object觉得很疑惑!疑惑是很正常的.以后慢慢解释.
- QQ群:253510359
- 建议:VPS商家层出不穷,根据需要购买,切莫剁剁剁!
- 评测:很多VPS虽已评测,但网络环境改变稳定性,速度也会随之改变.评测只能作为一般性参考.不负任何法律,道义责任.
- 申明:所有vps,域名,服务器优惠信息均来自网络公开内容,由于水平有限不免有谬误.请以官方为准.