javascript運算子可分為哪些

青灯夜游
發布: 2021-10-15 16:44:53
原創
4520 人瀏覽過

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 的类型不同,则为真
<小于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
登入後複製
登入後複製

逻辑运算符

逻辑运算符通常用来组合多个表达式,逻辑运算符的运算结果是一个布尔值,只能有两种结果,不是 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 + " 年是平年。");
}
登入後複製
登入後複製

三元运算符

三元运算符(也被称为条件运算符),由一个问号和一个冒号组成,语法格式如下:

条件表达式 ? 表达式1 : 表达式2 ;

如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,否则就执行“表达式2”中的代码。

示例代码如下:

var x = 11,
    y = 20;
x > y ? console.log("x 大于 y") : console.log("x 小于 y");  // 输出:x 小于 y
登入後複製
登入後複製

位运算符

位运算符用来对二进制位进行操作,JavaScript 中支持的位运算符如下表所示:

运算符描述示例
&按位与:如果对应的二进制位都为 1,则该二进制位为 15 & 1 等同于 0101 & 0001 结果为 0001,十进制结果为 1
|按位或:如果对应的二进制位有一个为 1,则该二进制位为 15 | 1 等同于 0101 | 0001 结果为 0101,十进制结果为 5
^按位异或:如果对应的二进制位只有一个为 1,则该二进制位为 15 ^ 1 等同于 0101 ^ 0001 结果为 0100,十进制结果为 4
~按位非:反转所有二进制位,即 1 转换为 0,0 转换为 1~5 等同于 ~0101 结果为 1010,十进制结果为 -6
<<按位左移:将所有二进制位统一向左移动指定的位数,并在最右侧补 05 << 1 等同于 0101 << 1 结果为 1010,十进制结果为 10
>>按位右移(有符号右移):将所有二进制位统一向右移动指定的位数,并拷贝最左侧的位来填充左侧5 >> 1 等同于 0101 >> 1 结果为 0010,十进制结果为 2
>>>按位右移零(无符号右移):将所有二进制位统一向右移动指定的位数,并在最左侧补 05 >>> 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板