Javascript 基礎(chǔ)教程之運算符
運算符
首先我們要知道什么是表達式
例如 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
注：前置和后置的區(qū)別
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>
算術(shù)運算符
加(+)?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>算術(shù)運算符</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>算術(shù)運算符</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>算術(shù)運算符</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>算術(shù)運算符</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>算術(shù)運算符</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，否則的話是表達式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>
