JavaScript運算符有哪些及怎么使用

JavaScript運算符有哪些及怎么使用

JavaScript是一種廣泛使用的編程語言，它提供了豐富的運算符來處理各種數據類型和操作。本文將詳細介紹JavaScript中的運算符及其使用方法，幫助讀者更好地理解和運用這些運算符。

1. 算術運算符

算術運算符用于執行基本的數學運算，如加、減、乘、除等。

1.1 加法運算符 (+)

加法運算符用于將兩個數值相加，或者將字符串連接起來。

let a = 5;
let b = 3;
let sum = a + b; // 8

let str1 = "Hello";
let str2 = "World";
let result = str1 + " " + str2; // "Hello World"

1.2 減法運算符 (-)

減法運算符用于將兩個數值相減。

let a = 10;
let b = 4;
let difference = a - b; // 6

1.3 乘法運算符 (*)

乘法運算符用于將兩個數值相乘。

let a = 7;
let b = 6;
let product = a * b; // 42

1.4 除法運算符 (/)

除法運算符用于將兩個數值相除。

let a = 20;
let b = 4;
let quotient = a / b; // 5

1.5 取余運算符 (%)

取余運算符用于計算兩個數值相除后的余數。

let a = 17;
let b = 5;
let remainder = a % b; // 2

1.6 指數運算符 (**)

指數運算符用于計算一個數的冪。

let a = 2;
let b = 3;
let power = a ** b; // 8

1.7 自增運算符 (++)

自增運算符用于將變量的值增加1。

let a = 5;
a++; // a 現在是 6

1.8 自減運算符 (--)

自減運算符用于將變量的值減少1。

let a = 5;
a--; // a 現在是 4

2. 賦值運算符

賦值運算符用于將右側的值賦給左側的變量。

2.1 簡單賦值運算符 (=)

簡單賦值運算符用于將右側的值賦給左側的變量。

let a = 10;

2.2 加法賦值運算符 (+=)

加法賦值運算符用于將右側的值加到左側的變量上。

let a = 5;
a += 3; // a 現在是 8

2.3 減法賦值運算符 (-=)

減法賦值運算符用于將右側的值從左側的變量中減去。

let a = 10;
a -= 4; // a 現在是 6

2.4 乘法賦值運算符 (*=)

乘法賦值運算符用于將右側的值與左側的變量相乘。

let a = 7;
a *= 6; // a 現在是 42

2.5 除法賦值運算符 (/=)

除法賦值運算符用于將左側的變量除以右側的值。

let a = 20;
a /= 4; // a 現在是 5

2.6 取余賦值運算符 (%=)

取余賦值運算符用于將左側的變量除以右側的值后的余數賦給左側的變量。

let a = 17;
a %= 5; // a 現在是 2

2.7 指數賦值運算符 (**=)

指數賦值運算符用于將左側的變量的值提升到右側的值的冪。

let a = 2;
a **= 3; // a 現在是 8

3. 比較運算符

比較運算符用于比較兩個值，并返回一個布爾值（true 或 false）。

3.1 相等運算符 (==)

相等運算符用于比較兩個值是否相等，不考慮數據類型。

let a = 5;
let b = "5";
let result = a == b; // true

3.2 不等運算符 (!=)

不等運算符用于比較兩個值是否不相等，不考慮數據類型。

let a = 5;
let b = "5";
let result = a != b; // false

3.3 嚴格相等運算符 (===)

嚴格相等運算符用于比較兩個值是否相等，且數據類型必須相同。

let a = 5;
let b = "5";
let result = a === b; // false

3.4 嚴格不等運算符 (!==)

嚴格不等運算符用于比較兩個值是否不相等，且數據類型必須相同。

let a = 5;
let b = "5";
let result = a !== b; // true

3.5 大于運算符 (>)

大于運算符用于比較左側的值是否大于右側的值。

let a = 10;
let b = 5;
let result = a > b; // true

3.6 小于運算符 (<)

小于運算符用于比較左側的值是否小于右側的值。

let a = 5;
let b = 10;
let result = a < b; // true

3.7 大于等于運算符 (>=)

大于等于運算符用于比較左側的值是否大于或等于右側的值。

let a = 10;
let b = 10;
let result = a >= b; // true

3.8 小于等于運算符 (<=)

小于等于運算符用于比較左側的值是否小于或等于右側的值。

let a = 5;
let b = 10;
let result = a <= b; // true

4. 邏輯運算符

邏輯運算符用于組合多個條件，并返回一個布爾值。

4.1 邏輯與運算符 (&&)

邏輯與運算符用于判斷多個條件是否都為真。

let a = true;
let b = false;
let result = a && b; // false

4.2 邏輯或運算符 (||)

邏輯或運算符用于判斷多個條件中是否至少有一個為真。

let a = true;
let b = false;
let result = a || b; // true

4.3 邏輯非運算符 (!)

邏輯非運算符用于反轉條件的布爾值。

let a = true;
let result = !a; // false

5. 位運算符

位運算符用于對二進制數進行操作。

5.1 按位與運算符 (&)

按位與運算符用于對兩個數的二進制表示進行按位與操作。

let a = 5; // 二進制 0101
let b = 3; // 二進制 0011
let result = a & b; // 1 (二進制 0001)

5.2 按位或運算符 (|)

按位或運算符用于對兩個數的二進制表示進行按位或操作。

let a = 5; // 二進制 0101
let b = 3; // 二進制 0011
let result = a | b; // 7 (二進制 0111)

5.3 按位異或運算符 (^)

按位異或運算符用于對兩個數的二進制表示進行按位異或操作。

let a = 5; // 二進制 0101
let b = 3; // 二進制 0011
let result = a ^ b; // 6 (二進制 0110)

5.4 按位非運算符 (~)

按位非運算符用于對一個數的二進制表示進行按位取反操作。

let a = 5; // 二進制 0101
let result = ~a; // -6 (二進制 1010)

5.5 左移運算符 (<<)

左移運算符用于將一個數的二進制表示向左移動指定的位數。

let a = 5; // 二進制 0101
let result = a << 1; // 10 (二進制 1010)

5.6 右移運算符 (>>)

右移運算符用于將一個數的二進制表示向右移動指定的位數。

let a = 5; // 二進制 0101
let result = a >> 1; // 2 (二進制 0010)

5.7 無符號右移運算符 (>>>)

無符號右移運算符用于將一個數的二進制表示向右移動指定的位數，左側補0。

let a = -5; // 二進制 11111111111111111111111111111011
let result = a >>> 1; // 2147483645 (二進制 01111111111111111111111111111101)

6. 條件（三元）運算符

條件運算符是JavaScript中唯一的三元運算符，用于根據條件選擇兩個值中的一個。

let age = 18;
let status = (age >= 18) ? "Adult" : "Minor";
console.log(status); // "Adult"

7. 類型運算符

類型運算符用于確定變量的數據類型。

7.1 typeof 運算符

typeof 運算符用于返回變量的數據類型。

let a = 5;
console.log(typeof a); // "number"

let b = "Hello";
console.log(typeof b); // "string"

let c = true;
console.log(typeof c); // "boolean"

let d = {};
console.log(typeof d); // "object"

let e = null;
console.log(typeof e); // "object"

let f = undefined;
console.log(typeof f); // "undefined"

7.2 instanceof 運算符

instanceof 運算符用于檢查對象是否屬于某個類的實例。

let arr = [1, 2, 3];
console.log(arr instanceof Array); // true

let date = new Date();
console.log(date instanceof Date); // true

8. 其他運算符

8.1 逗號運算符 (,)

逗號運算符用于在一條語句中執行多個操作，返回最后一個操作的結果。

let a = (5, 10);
console.log(a); // 10

8.2 void 運算符

void 運算符用于執行表達式但不返回任何值。

void (5 + 3); // 無返回值

8.3 delete 運算符

delete 運算符用于刪除對象的屬性或數組的元素。

let obj = { a: 1, b: 2 };
delete obj.a;
console.log(obj); // { b: 2 }

let arr = [1, 2, 3];
delete arr[1];
console.log(arr); // [1, empty, 3]

8.4 new 運算符

new 運算符用于創建一個對象實例。

function Person(name) {
    this.name = name;
}

let person = new Person("John");
console.log(person.name); // "John"

8.5 in 運算符

in 運算符用于檢查對象是否包含某個屬性。

let obj = { a: 1, b: 2 };
console.log("a" in obj); // true
console.log("c" in obj); // false

8.6 yield 運算符

yield 運算符用于暫停和恢復生成器函數的執行。

function* generator() {
    yield 1;
    yield 2;
    yield 3;
}

let gen = generator();
console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
console.log(gen.next().value); // 3

9. 運算符優先級

JavaScript中的運算符有不同的優先級，決定了表達式中運算符的執行順序。以下是一些常見運算符的優先級（從高到低）：

1. 括號 ()
2. 成員訪問 .、[]
3. 函數調用 ()
4. 自增 ++、自減 --
5. 邏輯非 !、按位非 ~、typeof、void、delete
6. 乘法 *、除法 /、取余 %
7. 加法 +、減法 -
8. 按位左移 <<、按位右移 >>、無符號右移 >>>
9. 小于 <、小于等于 <=、大于 >、大于等于 >=、instanceof、in
10. 相等 ==、不等 !=、嚴格相等 ===、嚴格不等 !==
11. 按位與 &
12. 按位異或 ^
13. 按位或 |
14. 邏輯與 &&
15. 邏輯或 ||
16. 條件（三元）運算符 ? :
17. 賦值運算符 =、+=、-=、*=、/=、%=、<<=、>>=、>>>=、&=、^=、|=
18. 逗號運算符 ,

10. 總結

JavaScript提供了豐富的運算符，涵蓋了算術、賦值、比較、邏輯、位運算等多個方面。理解這些運算符的使用方法和優先級對于編寫高效、可讀性強的代碼至關重要。通過本文的介紹，希望讀者能夠更好地掌握JavaScript中的運算符，并在實際開發中靈活運用。