您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關javascript運算符可分為哪幾類的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
javascript運算符可分為:1、算術運算符,用來執行常見的數學運算;2、賦值運算符,用來為變量賦值;3、字符串運算符;4、自增、自減運算符;5、比較運算符;6、邏輯運算符;7、三元運算符;8、位運算符。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
算術運算符
算數運算符用來執行常見的數學運算,例如加法、減法、乘法、除法等,下表中列舉了 JavaScript 中支持的算術運算符:
運算符 | 描述 | 示例 |
---|---|---|
+ | 加法運算符 | x + y 表示計算 x 加 y 的和 |
- | 減法運算符 | x - y 表示計算 x 減 y 的差 |
* | 乘法運算符 | x * y 表示計算 x 乘 y 的積 |
/ | 除法運算符 | x / y 表示計算 x 除以 y 的商 |
% | 取模(取余)運算符 | x % y 表示計算 x 除以 y 的余數 |
示例代碼如下:
復制純文本復制
var x = 10, y = 4; console.log("x + y =", x + y); // 輸出:x + y = 14 console.log("x - y =", x - y); // 輸出:x - y = 6 console.log("x * y =", x * y); // 輸出:x * y = 40 console.log("x / y =", x / y); // 輸出:x / y = 2.5 console.log("x % y =", x % y); // 輸出:x % y = 2
var x = 10, y = 4; console.log("x + y =", x + y); // 輸出:x + y = 14 console.log("x - y =", x - y); // 輸出:x - y = 6 console.log("x * y =", x * y); // 輸出:x * y = 40 console.log("x / y =", x / y); // 輸出:x / y = 2.5 console.log("x % y =", x % y); // 輸出:x % y = 2
上述代碼中,雙引號中的內容是一個字符串,所以其中的運算符會原樣輸出,并不參與運算。
賦值運算符
賦值運算符用來為變量賦值,下表中列舉了 JavaScript 中支持的賦值運算符:
運算符 | 描述 | 示例 |
---|---|---|
= | 最簡單的賦值運算符,將運算符右側的值賦值給運算符左側的變量 | x = 10 表示將變量 x 賦值為 10 |
+= | 先進行加法運算,再將結果賦值給運算符左側的變量 | x += y 等同于 x = x + y |
-= | 先進行減法運算,再將結果賦值給運算符左側的變量 | x -= y 等同于 x = x - y |
*= | 先進行乘法運算,再將結果賦值給運算符左側的變量 | x *= y 等同于 x = x * y |
/= | 先進行除法運算,再將結果賦值給運算符左側的變量 | x /= y 等同于 x = x / y |
%= | 先進行取模運算,再將結果賦值給運算符左側的變量 | x %= y 等同于 x = x % y |
示例代碼如下:
復制純文本復制
var x = 10; x += 20; console.log(x); // 輸出:30 var x = 12, y = 7; x -= y; console.log(x); // 輸出:5 x = 5; x *= 25; console.log(x); // 輸出:125 x = 50; x /= 10; console.log(x); // 輸出:5 x = 100; x %= 15; console.log(x); // 輸出:10
var x = 10; x += 20; console.log(x); // 輸出:30 var x = 12, y = 7; x -= y; console.log(x); // 輸出:5 x = 5; x *= 25; console.log(x); // 輸出:125 x = 50; x /= 10; console.log(x); // 輸出:5 x = 100; x %= 15; console.log(x); // 輸出:10
字符串運算符
JavaScript 中的 +
和 +=
運算符除了可以進行數學運算外,還可以用來拼接字符串,其中:
+
運算符表示將運算符左右兩側的字符串拼接到一起;
+=
運算符表示先將字符串進行拼接,然后再將結果賦值給運算符左側的變量。
示例代碼如下:
復制純文本復制
var x = "Hello "; var y = "World!"; var z = x + y; console.log(z); // 輸出:Hello World! x += y; console.log(x); // 輸出:Hello World!
var x = "Hello "; var y = "World!"; var z = x + y; console.log(z); // 輸出:Hello World! x += y; console.log(x); // 輸出:Hello World!
自增、自減運算符
自增、自減運算符用來對變量的值進行自增(+1)、自減(-1)操作,下表中列舉了 JavaScript 中支持的自增、自減運算符:
運算符 | 名稱 | 影響 |
---|---|---|
++x | 自增運算符 | 將 x 加 1,然后返回 x 的值 |
x++ | 自增運算符 | 返回 x 的值,然后再將 x 加 1 |
--x | 自減運算符 | 將 x 減 1,然后返回 x 的值 |
x-- | 自減運算符 | 返回 x 的值,然后將 x 減 1 |
示例代碼如下:
復制純文本復制
var x; x = 10; console.log(++x); // 輸出:11 console.log(x); // 輸出:11 x = 10; console.log(x++); // 輸出:10 console.log(x); // 輸出:11 x = 10; console.log(--x); // 輸出:9 console.log(x); // 輸出:9 x = 10; console.log(x--); // 輸出:10 console.log(x); // 輸出:9
var x; x = 10; console.log(++x); // 輸出:11 console.log(x); // 輸出:11 x = 10; console.log(x++); // 輸出:10 console.log(x); // 輸出:11 x = 10; console.log(--x); // 輸出:9 console.log(x); // 輸出:9 x = 10; console.log(x--); // 輸出:10 console.log(x); // 輸出:9
比較運算符
比較運算符用來比較運算符左右兩側的表達式,比較運算符的運算結果是一個布爾值,結果只有兩種,不是 true 就是 false。下表中列舉了 JavaScript 中支持的比較運算符:
運算符 | 名稱 | 示例 |
---|---|---|
== | 等于 | x == y 表示如果 x 等于 y,則為真 |
=== | 全等 | x === y 表示如果 x 等于 y,并且 x 和 y 的類型也相同,則為真 |
!= | 不相等 | x != y 表示如果 x 不等于 y,則為真 |
!== | 不全等 | x !== y 表示如果 x 不等于 y,或者 x 和 y 的類型不同,則為真 |
< | 小于 | x < y 表示如果 x 小于 y,則為真 |
> | 大于 | x > y 表示如果 x 大于 y,則為真 |
>= | 大于或等于 | x >= y 表示如果 x 大于或等于 y,則為真 |
<= | 小于或等于 | x <= y 表示如果 x 小于或等于 y,則為真 |
示例代碼如下:
復制純文本復制
var x = 25; var y = 35; var z = "25"; console.log(x == z); // 輸出: true console.log(x === z); // 輸出: false console.log(x != y); // 輸出: true console.log(x !== z); // 輸出: true console.log(x < y); // 輸出: true console.log(x > y); // 輸出: false console.log(x <= y); // 輸出: true console.log(x >= y); // 輸出: false
var x = 25; var y = 35; var z = "25"; console.log(x == z); // 輸出: true console.log(x === z); // 輸出: false console.log(x != y); // 輸出: true console.log(x !== z); // 輸出: true console.log(x < y); // 輸出: true console.log(x > y); // 輸出: false console.log(x <= y); // 輸出: true console.log(x >= y); // 輸出: false
邏輯運算符
邏輯運算符通常用來組合多個表達式,邏輯運算符的運算結果是一個布爾值,只能有兩種結果,不是 true 就是 false。下表中列舉了 JavaScript 中支持的邏輯運算符:
運算符 | 名稱 | 示例 |
---|---|---|
&& | 邏輯與 | x && y 表示如果 x 和 y 都為真,則為真 |
|| | 邏輯或 | x || y 表示如果 x 或 y 有一個為真,則為真 |
! | 邏輯非 | !x 表示如果 x 不為真,則為真 |
示例代碼如下:
復制純文本復制
var year = 2021; // 閏年可以被 400 整除,也可以被 4 整除,但不能被 100 整除 if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){ console.log(year + " 年是閏年。"); } else{ console.log(year + " 年是平年。"); }
var year = 2021; // 閏年可以被 400 整除,也可以被 4 整除,但不能被 100 整除 if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){ console.log(year + " 年是閏年。"); } else{ console.log(year + " 年是平年。"); }
三元運算符
三元運算符(也被稱為條件運算符),由一個問號和一個冒號組成,語法格式如下:
條件表達式 ? 表達式1 : 表達式2 ;
如果“條件表達式”的結果為真(true),則執行“表達式1”中的代碼,否則就執行“表達式2”中的代碼。
示例代碼如下:
復制純文本復制
var x = 11, y = 20; x > y ? console.log("x 大于 y") : console.log("x 小于 y"); // 輸出:x 小于 y
var x = 11, y = 20; x > y ? console.log("x 大于 y") : console.log("x 小于 y"); // 輸出:x 小于 y
位運算符
位運算符用來對二進制位進行操作,JavaScript 中支持的位運算符如下表所示:
運算符 | 描述 | 示例 |
---|---|---|
& | 按位與:如果對應的二進制位都為 1,則該二進制位為 1 | 5 & 1 等同于 0101 & 0001 結果為 0001,十進制結果為 1 |
| | 按位或:如果對應的二進制位有一個為 1,則該二進制位為 1 | 5 | 1 等同于 0101 | 0001 結果為 0101,十進制結果為 5 |
^ | 按位異或:如果對應的二進制位只有一個為 1,則該二進制位為 1 | 5 ^ 1 等同于 0101 ^ 0001 結果為 0100,十進制結果為 4 |
~ | 按位非:反轉所有二進制位,即 1 轉換為 0,0 轉換為 1 | ~5 等同于 ~0101 結果為 1010,十進制結果為 -6 |
<< | 按位左移:將所有二進制位統一向左移動指定的位數,并在最右側補 0 | 5 << 1 等同于 0101 << 1 結果為 1010,十進制結果為 10 |
>> | 按位右移(有符號右移):將所有二進制位統一向右移動指定的位數,并拷貝最左側的位來填充左側 | 5 >> 1 等同于 0101 >> 1 結果為 0010,十進制結果為 2 |
>>> | 按位右移零(無符號右移):將所有二進制位統一向右移動指定的位數,并在最左側補 0 | 5 >>> 1 等同于 0101 >>> 1 結果為 0010,十進制結果為 2 |
示例代碼如下:
復制純文本復制
var a = 5 & 1, b = 5 | 1, c = 5 ^ 1, d = ~ 5, e = 5 << 1, f = 5 >> 1, g = 5 >>> 1; console.log(a); // 輸出:1 console.log(b); // 輸出:5 console.log(c); // 輸出:4 console.log(d); // 輸出:-6 console.log(e); // 輸出:10 console.log(f); // 輸出:2 console.log(g); // 輸出:2
var a = 5 & 1, b = 5 | 1, c = 5 ^ 1, d = ~ 5, e = 5 << 1, f = 5 >> 1, g = 5 >>> 1; console.log(a); // 輸出:1 console.log(b); // 輸出:5 console.log(c); // 輸出:4 console.log(d); // 輸出:-6 console.log(e); // 輸出:10 console.log(f); // 輸出:2 console.log(g); // 輸出:2
感謝各位的閱讀!關于“javascript運算符可分為哪幾類”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。