JavaScript-1.5-JavaScript 的運算符
JavaScript 的運算符
一：算數運算符
七種算數運算符
1.+：加
2.-：減
3.*：乘
4./：除
5.%：取餘
6.++：自增
7.–：自減
1、運算符 +
- 當 + 兩邊均爲數字時，進行加法運算
- 當 + 兩邊有任意一邊爲字符串時，進行字符串連接，連接之後的結果爲字符串
2、自增（自減）運算符
- ++：自增運算符，將變量在原有基礎上加1
- –：自減運算符，將變量在原有基礎上減1
3、n++ 與 ++n 的異同
（1）相同點
無論 n++ 還是 ++n，在執行完代碼以後，均會把 n 的值加1
（2）不同點
n++：先使用 n 值進行計算，然後把 n 加 1
++n：先把 n 的值加1，然後用 n+1 以後的值去運算
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var a = 3;
var b, c;
b = a++ + 2;
c = ++a + 2;
console.log(b);
console.log(c);
</script>
</body>
</html>
效果圖
二：賦值運算符
1、基本賦值運算符
- 基本的賦值運算符是"="
- 它的優先級別低於其他的運算符，所以對該運算符往往最後一個讀取
2、複合賦值運算符
- +=
- -=
- *=
- /=
- %=
a += 5; // 等價於 a = a + 5;
三：關係運算與邏輯運算
1、關係運算符
七種關係運算符
1.== ：等於
2.===：嚴格等於
3.!=：不等於
4.>：大於
5.<：小於
6.>=：大於等於
7.<=：小於等於
=== 與 == 的區別
===：嚴格等於，左右兩邊的數據類型不同時，返回 false ；類型相同時，再進行下一步判斷
==：等於，左右兩邊的數據類型相同時，再進行下一步值的判斷；類型不同時，嘗試將等式兩邊轉爲數值類型，再進行判斷
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var a = "2019";
var b = 2019;
console.log(a==b);
console.log(a===b);
</script>
</body>
</html>
效果圖
2、邏輯運算符
- &&：與
- ||：或
- ！：非
邏輯運算符規律
1.邏輯與：當 && 左右兩側的值均爲 true 時，表達式結果爲 true ，否則表達式爲 false
2.邏輯或：當 || 左右兩側的值均爲 false 時，表達式結果爲 false ，否則表達式爲 true
3.值爲 true 的 “!” 爲 false，值爲 false 的 “!” 爲 true
四：條件運算（多目運算）
1、條件運算符的形成
表達式1?表達式2:表達式3
2、關鍵符號 ？和 ：
- 當 ？前面部分運算結果爲 true 時，執行 “:” 前面代碼
- 當 ？前面部分運算結果爲 false 時，執行 “:” 後面代碼
3、多層嵌套
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var num = 5;
// 先執行 num>5 判斷
var result = num>5?"This is false.":(num==5?"This is true.":"This is false.");
console.log(result);
</script>
</body>
</html>
效果圖
五：逗號運算符
- 用逗號運算符連接起來的表達式，稱爲逗號表達式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var a = 2;
var b = 0;
var c;
// 整個逗號表達式的值是最後一個表達式的值
c = (++a, a*=2, b=a*5);
console.log(c);
</script>
</body>
</html>
效果圖
六：運算符的優先級
- JavaScript 中總是按從左往右的順序來計算表達式
- 運算符的優先級決定了表達式中運算執行的先後順序，先執行優先級高的運算符
| 運算符 | 描述 | 結合性 |
|---|---|---|
| () | 圓括號 | 自左向右 |
| ！，++，– | 邏輯非，遞增，遞減 | 自右向左 |
| *，/，% | 乘法，除法，取餘 | 自左向右 |
| +，- | 加法，減法 | 自左向右 |
| <, <=, >, >= | 小於，小於或等於，大於，大於或等於 | 自左向右 |
| ==，！= | 等於，不等於 | 自左向右 |
| =，+=，-=，*=，/=，%= | 賦值運算符，符合賦值運算符 | 自右向左 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var a = 10+8-16*6*(80/20)+65-72%2;
console.log(a);
</script>
</body>
</html>
效果圖
