搜尋

首頁  >  文章  >  web前端  >  javascript運算子可分為哪些

javascript運算子可分為哪些

青灯夜游
青灯夜游原創
2021-10-15 16:44:204535瀏覽

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
賦值運算子#賦值運算子用來為變數賦值，下表中列舉了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

JavaScript 中的 和 = 運算子除了可以進行數學運算外，也可以用來拼接字串，其中：


運算子表示將運算子左右兩側的字串拼接到一起；# = 範例程式碼如下：
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

比较运算符

比较运算符用来比较运算符左右两侧的表达式，比较运算符的运算结果是一个布尔值，结果只有两种，不是 true 就是 false。下表中列举了 JavaScript 中支持的比较运算符：

运算符 名称 示例
== 等于 x == y 表示如果 x 等于 y，则为真
=== 全等 x === y 表示如果 x 等于 y，并且 x 和 y 的类型也相同，则为真
!= 不相等 x != y 表示如果 x 不等于 y，则为真
!== 不全等 x !== y 表示如果 x 不等于 y，或者 x 和 y 的类型不同，则为真
d951a91452ac97ec7e3b521493ee0051 大于 x > y 表示如果 x 大于 y，则为真
>= 大于或等于 x >= y 表示如果 x 大于或等于 y，则为真
49351355c638191aca2bbca6d88ab3bf> 按位右移（有符号右移）：将所有二进制位统一向右移动指定的位数，并拷贝最左侧的位来填充左侧 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

【推荐学习：javascript高级教程】

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

JavaScript 运算符 算术运算符 赋值运算符 比较运算符 逻辑运算符 三元运算符 位运算符 字符串
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：react跟javascript有什麼差別下一篇：react跟javascript有什麼差別

相關文章

看更多