JavaScript中的運算子,三元,特殊運算子及運算子優先順序

阿新 • • 發佈：2020-07-01

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>JavaScript中的運算子</title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             // 算術運算子：+、-、*、/、%、++、--
10             
11             /* 

12             “%”取餘運算子，兩個數相除，取餘數。
13             A = 10 % 3;  // A = 1，如果餘數不為0，則兩個不能整除
14             */
15            
16            /* 
17            “++”加1運算子、自加1
18            “++”可以作字首(++i)，也可以作字尾(i++)。
19            */
20             var a = 1;
21             var b  
= 1;
22             var c = 3;
23             var d = 4;
24             document.write(++a);
25             document.write("<hr>")
26             document.write(b++);
27             document.write("<hr>")
28             document.write(--c);
29             document.write("<hr>")
30             document.write(d 
--);
31             
32             /*
33             賦值運算子：=、+=、-=、*=、/=
34             “+=”先加後等。如：a += 10  //展開後  a = a + 10
35             “-=”先減後等。如：a -= 10   //展開後  a = a - 10
36             “*=”先乘後等。如：a *= 10  //展開後  a = a * 10
37             “/=”先除後等。如：a /= 10   //展開後  a = a / 10
38             */
39            
40            /*
41            比較運算子：>、<、>=、<=、==、!=、===、!==
42            比較運算子的運算結果是布林值(true或false)。
43            */
44           //“=”是賦值號。如：a = 10
45           //“==”等於。只比較兩個變數的值，而不管型別。只要值一樣，就返回true，否則返回false。
46           //“===”全等於。既比較變數，也判斷型別。如果型別和值都一樣，返回true，否則返回false。
47           
48           // 邏輯運算子：&&、||、!
49         </script>
50     </body>
51 </html>

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>三元運算子：?:</title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             /*
10             所謂“三元運算子”就是指三個運算元。
11             語法：條件表示式 ? 結果1 : 結果2
12             語法：運算元1 ? 運算元2 : 運算元3
13             含義：如果條件為true，則執行“結果1”的程式碼；如果條件為false，則執行“結果2”的程式碼。
14             其實：三元運算子，就是if else的變形形式。
15             */
16            var a = 10;
17            var b = 20;
18            //判斷a和b哪個值大，把大的賦值給max;
19            var max = a>b ? a:b;
20            document.write('最大值是'+max);
21         </script>
22     </body>
23 </html>

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>JavaScript特殊運算子及運算子優先順序</title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             /*
10             new運算子：建立一個物件。如：var today = new Date(); //建立一個當前系統日期時間物件
11             delete運算子：刪除陣列的元素，或者物件的屬性。
12             typeof運算子：一元運算子，主要功能：判斷變數的型別的。如：typeof name  或  typeof(name)
13             點運算子(.)：主要應用在物件中，通過點運算子(.)去呼叫屬性或方法。如：window.alert(“OK”)
14              [ ]中括號：主要用來訪問陣列元素的。如：arr[0] = 100;  //找到下標為0的陣列元素，並重新賦值
15             */
16            var today =new Date();
17            document.write(today);
18         </script>
19         <h2>運算子優先順序如下圖:</h2>
20         <p><img src="http://img.php.cn/upload/image/329/745/313/1476425298629740.png" alt=""></p>
21     </body>
22 </html>