JavaScript 中的運算子和表達式-js教程-PHP中文網

JavaScript 中的運算子和表達式

Patricia Arquette

發布： 2024-12-14 21:49:15

原創

327 人瀏覽過

Operators and Expressions in JavaScript

第 3 天：JavaScript 中的運算子和表達式

歡迎來到學習 JavaScript 的第三天！今天，我們將探索運算子和表達式——在程式中執行計算、制定決策和編寫有意義的邏輯的基本工具。

什麼是運算符？

運算子是對值或變數執行運算的特殊符號或關鍵字。這些操作的範圍可以從算術計算到邏輯決策。

JavaScript 中的運算子類型

1.算術運算子

用於數學運算，如加法、減法、乘法等

Operator	Description	Example	Output
	Addition	5 3	8
-	Subtraction	10 - 6	4
*	Multiplication	4 * 2	8
/	Division	12 / 4	3
%	Modulus (Remainder)	10 % 3	1
**	Exponentiation	2 ** 3	8

操作員

描述

範例

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1

登入後複製

輸出

標題> 新增 5 3 8 - 減法 10 - 6 4 * 乘法 4 * 2 8 / 部門 12 / 4 3 % 模數（餘數） 10%3 1 ** 求冪 2 ** 3 8 表>

範例：

Operator	Description	Example	Output
==	Equal to	5 == "5"	true
===	Strict equal to	5 === "5"	false
!=	Not equal to	5 != "5"	false
!==	Strict not equal	5 !== "5"	true
<	Less than	5 < 10	true
>	Greater than	10 > 5	true
<=	Less than or equal	5 <= 5	true
>=	Greater than or equal	10 >= 5	true

2.關係（比較）運算子用於比較兩個值並傳回布林值（true 或 false）。操作員描述範例輸出標題> == 等於 5==“5” 正確 === 嚴格等於 5 ===“5” 假！ = 不等於 5！ =“5” 假！ == 嚴格不等於 5 !== "5" 正確小於 5 正確 > 大於 10> 5 正確小於或等於 5 正確 >= 大於或等於 10 >= 5 正確表>

範例：

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1

登入後複製

3.邏輯運算子

組合多個條件或反轉邏輯。

Operator	Description	Example	Output
&&	Logical AND	true && false	false
`		`	Logical OR
!	Logical NOT	!true	false

操作員

描述

範例

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false

登入後複製

輸出

標題> && 邏輯與真與假假 ` ` 邏輯或！邏輯非！ true 假表>

範例：

Operator	Description	Example	Output
=	Assign	x = 10	10
=	Add and assign	x = 5	x = x 5
-=	Subtract and assign	x -= 3	x = x - 3
*=	Multiply and assign	x *= 2	x = x * 2
/=	Divide and assign	x /= 2	x = x / 2
%=	Modulus and assign	x %= 3	x = x % 3

4.賦值運算子

用於給變數賦值。

let isAdult = true;
let hasID = false;
console.log(isAdult && hasID); // false
console.log(isAdult || hasID); // true

登入後複製

操作員

描述範例

輸出標題> = 分配 x = 10 10 = 新增和分配 x = 5 x = x 5 -= 減去並賦值 x -= 3 x = x - 3 *= 乘法與賦值 x *= 2 x = x * 2 /= 劃分和分配 x /= 2 x = x / 2 %= 模數與賦值 x%=3 x = x % 3 表>

範例：

Operator	Description	Precedence
**	Exponentiation	1
*, /, %	Multiplication, Division, Modulus	2
, -	Addition, Subtraction	3
<, >, ==, !=	Comparison	4
&&	Logical AND	5
`		`

表達式與優先權表達式是一段產生值的程式碼。例如，5 3 是一個表達式，其值為 8。運算子優先權當使用多個運算子時，JavaScript 會根據優先權決定執行順序。優先順序較高的運算子首先執行。操作員描述優先權標題> ** 求冪 1 *, /, % 乘法、除法、模 2 , - 加法、減法 3 、==、!= 比較 4 && 邏輯與 5 ` ` 表>

優先權範例：

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1

登入後複製

使用括號 () 控制優先權。

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false

登入後複製

今天的練習

寫一個程序，使用算術運算子計算矩形的面積。
使用關係運算子比較兩個數字並記錄它們是否相等或其中一個較大。
建立一個簡單的程式來使用邏輯運算子檢查一個人是否有資格投票。

第三天總結

今天，我們介紹了：

算術運算子：用於計算。
關係運算子：用於比較。
邏輯運算子：用於組合條件。
賦值運算子：用於賦值和更新值。
表達式與優先權：理解執行順序。

後續步驟

在第 4 天，我們將學習 JavaScript 中的控制流，重點關注條件語句和循環。敬請期待 2024 年 12 月 11 日！

以上是JavaScript 中的運算子和表達式的詳細內容。更多資訊請關注PHP中文網其他相關文章！