Javascript 基礎教學之運算符
運算子
#首先我們要知道什麼是表達式
例如i++ ; a+b 這都是表達式
一元運算子:只能操作一個值得運算子、叫做一元運算子
遞增?++ ?????????與遞減- -
看如下程式碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>運算符</title> </head> <script type="text/javascript"> var box=100; box++; //box--; //++box; //--box; document.write(box); </script> <body> </body> </html>
前置遞增,輸出101 ? 後置遞增輸出101
前置遞減,輸出99 ? ?後置遞減輸出99
註:前置和後置的差異
var box=100;
//age = ++box; ?????//先把box 累加到101,然後賦值給age
//= box ++; ????//先將box 賦值給age ,age=100,然後累加
//age = --box ????//先將box 累減到99,然後賦值給age
//= box -- ????//先將box值賦值給age ?age=100,然後去減
#+ -運算子var box=100;
+box; ?//正數(shù)-box ??//負數(shù)加號(+)有個自動轉(zhuǎn)型的功能
如下程式碼所示<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一元運算符</title>
</head>
<script type="text/javascript">
var box="89";
alert(typeof +box); //如果沒有加號,是string類型,有加號則是number類型
</script>
<body>
</body>
</html>
算術運算子
加上(+)?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>算術運算符</title>
</head>
<script type="text/javascript">
var a = 10;
var b = 15;
var c = a+b;
document.write(c);
</script>
<body>
</body>
</html>
#減去(-)
##
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>算術運算符</title> </head> <script type="text/javascript"> var a = 10; var b = 15; var c = a-b; document.write(c); </script> <body> </body> </html>
乘(*)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>算術運算符</title> </head> <script type="text/javascript"> var a = 10; var b = 15; var c = a*b; document.write(c); </script> <body> </body> </html>
(/)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>算術運算符</title> </head> <script type="text/javascript"> var a = 15; var b = 15; var c = a/b; document.write(c); </script> <body> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>算術運算符</title> </head> <script type="text/javascript"> var a = 15; var b = 5; var c = a%b; document.write(c); </script> <body> </body> </html>#########賦值運算子#####################賦值運算符的嵌套使用:如下案例###
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>賦值運算符</title> </head> <script type="text/javascript"> y = ( x = 2) + 5; alert(x); alert(y); </script> <body> </body> </html>#########比較運算子########################## #########################三元運算子############語法: ?表達式1 ??? 表達式2 ?: ??表達式3?#########實例:######
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>三元運算符</title> </head> <script type="text/javascript"> var x = 5; y = (x=5)?x:1; document.write(y); </script> <body> </body> </html>###註:如果表達式1成立,則輸出的結(jié)果是表達式2,否則的話是表達式2,否則的話是表達式3;如上述案例x=5;進行判斷表達式1是否成立,成立輸出x的值,不成立輸出1 ???彈出值為5;############邏輯運算子#### ##############
&&(條件必須同時滿足,才為真)
x=2;y=6;
x&&y>6 ;
此時x和y只有一項滿足大于6 ??所以結(jié)果為false;
?
||(條件只要滿足其中一個即為真)
x=2;y=6;
x||y>6 ;
此時x和y其中是有一項滿足條件的,所以結(jié)果為true;
?
!(取邏輯值得反面,如果為真就取假,為假就取真)
x=5;y=8;
!(x>y);
首先先判斷x是否大于y ,的、不大于,即為假,非假即為真,所以結(jié)果為true
字符串鏈接符 ?+
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>字符串連接符</title> <script type="text/javascript"> var a = "中國,"; var b = "你好"; var c = a + b; document.write(c); </script> </head> <body> </body> </html>