，js的運算符分為算數,賦值,比較和邏輯運算符；常見的算數有：+ - * / %（加減乘除，取模），比方說5/4=4*1+1；5%4=1，js算數順序：從左往右，先* / %後+ ；js的值包含數字，字元串，布爾值；在算數運算中，“加號”：有字元串，按照字元串處理，沒有按照數字處理；註意布爾值fa... ...
類似a=1+1這樣的表達式稱為運算符，js的運算符分為算數,賦值,比較和邏輯運算符；常見的算數有：+ - * / %（加減乘除，取模），比方說5/4=4*1+1；5%4=1，js算數順序：從左往右，先* / %後+ ；js的值包含數字，字元串，布爾值；在算數運算中，“加號”：有字元串，按照字元串處理，沒有按照數字處理；註意布爾值false=0，true=1；比方來說：1+"a"="1"+"a"="1a" ; 1+false=1+0=1; false+"a"="falsea"; 1-"1"=1-1=0; 1-"a"=NaN (not a number)不是一個數；一元二元運算符，正負號代表正負值；減號，字元串可以轉換成數字，預設為數字(chrome瀏覽器，f12控制台，console測試)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>javascript算數運算符</title> 7 </head> 8 <script> 9 //加號：有字元串按照字元串處理，沒有按數字 10 // 1+"a" 11 // "1a" 12 // 1+false 13 // 1 14 // false+"a" 15 // "falsea" 16 // 1-"1" 17 // 0 18 19 //減號，字元串可以轉成數字，預設數字 20 // 1-"a" 21 // NaN 22 // 1-"1" 23 // 0 24 // 1-"a" 25 NaN 26 </script> 27 <body> 28 29 </body> 30 </html>
賦值運算符也可以叫做複合運算+ - * / %；var a=1;a=a+10;a+=10;a-=10;a=a-10;
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>賦值運算符</title> 7 <script> 8 var a=1; 9 // a=a+10; 10 //a+=10; 11 a-=10; 12 a=a-10; 13 console.log(a); 14 </script> 15 </head> 16 <body> 17 </body> 18 </html>
比較運算符 > < == === != >= <=相當於布爾值判斷true還是false，註意==要求的值相等，而===要求的不光是值還有類型
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>比較運算符</title> 7 <script> 8 // a=1>2 9 // a=>false 10 // 0==false =>true 11 // 0===false =>false 12 13 // 1>2 14 // false 15 // 0==false 16 // true 17 // 0===false 18 // false 19 // 1==true 20 // true 21 // 1===true 22 // false 23 </script> 24 </head> 25 <body> 26 </body> 27 </html>
邏輯運算符 || &&！“或” "與" “非”
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>邏輯運算符</title> 7 <script> 8 // && 布爾值&&布爾值=>布爾值 9 // || true||true=>true true||false=>true 有一個是真就是真 true 10 // !a a=true false 11 </script> 12 </head> 13 <body> 14 </body> 15 </html>
一元運算符++a 二元運算符a+b 一元運算符優先順序高於二元運算符；++a，a先加，a++，a後加 ++自增1 --自減1
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>一元運算符二元運算符</title> 7 <script> 8 var a=1; 9 a++;//a=a+1 10 console.log(a); 11 a--;//a=a-1 12 console.log(a); 13 ++a;//先自增 14 --a;//先自減 15 var a=1; 16 var b=++a+5; 17 =>a=++a=a+1 18 // b=a+5; 19 // a=1 20 // 1 21 // ++a 22 // 2 23 // a+5 24 // 7 25 26 var a=1; 27 var b=a++ +5; 28 =>var b=a+5; 29 a=a++=a+1 30 //先加加，後加加 31 // a=1 32 // 1 33 // a++ 34 // 1 35 // a 36 // 2 37 // a=1 38 // 1 39 // ++a 40 // 2 41 </script> 42 </head> 43 <body> 44 </body> 45 </html>
