javascript運算子可分為哪些-前端問答-PHP中文網

首頁

web前端

前端問答

javascript運算子可分為哪些

青灯夜游

Oct 15, 2021 pm 04:44 PM

javascript 運算符

javascript運算符可分為：1、算術運算符，用來執行常見的數學運算；2、賦值運算符，用來為變數賦值；3、字串運算符；4、自增、自減運算子；5、比較運算子；6、邏輯運算子；7、三元運算子；8、位元運算子。

javascript運算子可分為哪些

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

算術運算子

算術運算子用來執行常見的數學運算，例如加法、減法、乘法、除法等，下表中列舉了JavaScript 中支援的算術運算子：

#運算子	描述	範例



	##加法運算子	x y 表示計算x 加y 的和
-	運算子	x - y 表示計算x 減y 的差

乘法運算子

##x * y 表示計算x 乘y 的積

除法運算子

x / y 表示計算x 除以y 的商

#%取模（取餘）運算子

x %

取模（餘）運算子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 yx -= 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 中支援的自增、自減運算子：##name 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高级教程】

以上是javascript運算子可分為哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7877

Java教學

1649

CakePHP 教程

1409

Laravel 教程

1301

PHP教程

1245

Related knowledge

如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統引言：隨著科技的不斷發展，語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統，具備了低延遲、即時性和跨平台的特點，成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript：實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript：實現即時監控系統的關鍵技術引言：隨著互聯網技術的快速發展，即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用，並給出程式碼範例，詳細解釋其實作原理。一、WebSocket技

C語言中+=運算子的意義與用法解析 Apr 03, 2024 pm 02:27 PM

+=運算子用於將左操作數的值加上右操作數的值，並將結果賦值給左操作數，適用於數字類型且左操作數必須可寫。

JavaScript與WebSocket：打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket：打造高效的即時天氣預報系統引言：如今，天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展，我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中，我們將學習如何使用JavaScript和WebSocket技術，來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

Python 語法的心智圖：深入理解程式碼結構 Feb 21, 2024 am 09:00 AM

python憑藉其簡單易讀的語法，廣泛應用於廣泛的領域。掌握Python語法的基礎架構至關重要，既可以提高程式效率，又能深入理解程式碼的運作方式。為此，本文提供了一個全面的心智圖，詳細闡述了Python語法的各個面向。變數和資料類型變數是Python中用於儲存資料的容器。心智圖展示了常見的Python資料類型，包括整數、浮點數、字串、布林值和列表。每個資料類型都有其自身的特性和操作方法。運算符運算符用於對資料類型執行各種操作。心智圖涵蓋了Python中的不同運算子類型，例如算術運算子、比

簡易JavaScript教學：取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學：如何取得HTTP狀態碼，需要具體程式碼範例前言：在Web開發中，經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時，我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功，並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼，並提供一些實用的程式碼範例。使用XMLHttpRequest

如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

JavaScript中的HTTP狀態碼取得方法簡介：在進行前端開發中，我們常常需要處理與後端介面的交互，而HTTP狀態碼就是其中非常重要的一部分。了解並取得HTTP狀態碼有助於我們更好地處理介面傳回的資料。本文將介紹使用JavaScript取得HTTP狀態碼的方法，並提供具體程式碼範例。一、什麼是HTTP狀態碼HTTP狀態碼是指當瀏覽器向伺服器發起請求時，服務

Python運算子：從菜鳥到大師的終極指南 Mar 11, 2024 am 09:13 AM

python運算子簡介運算子是特殊符號或關鍵字，用於執行兩種或多種運算元之間的運算。 Python提供了多種運算符，涵蓋廣泛的用途，從基本的數學運算到複雜的資料操作。數學運算子數學運算子用於執行常見的數學運算。它們包括：運算子運算元範例+加法a+b-減法a-b*乘法a*b/除法a/b%模運算（取餘數）a%b**冪運算a**b//整除（丟棄餘數） a//b邏輯運算子邏輯運算子用於將布林值連接起來並對條件進行求值。它們包括：運算子操作範例and邏輯與aandbor邏輯或aorbnot邏輯非nota比較運算

See all articles

javascript運算子可分為哪些

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題