当前位置: 首页 > 文档资料 > ES6 入门教程 >

运算符

优质
小牛编辑
140浏览
2023-12-01

expression是一种特殊类型的语句,它计算为一个值。 每个表达都由 -

  • Operands - 表示数据。

  • Operator - 定义如何处理操作数以生成值。

考虑以下表达式-2 + 3.在表达式中,2和3是操作数,符号+(加号)是运算符。 JavaScript支持以下类型的运算符 -

算术运算符 (Arithmetic Operators)

假设变量ab中的值分别为10和5。

显示示例

操作者功能
+Addition

返回操作数的总和。

a + b是15
-Subtraction

返回值的差异。

a-b is 5
*Multiplication

返回值的乘积。

a * b是50
/Division

执行除法运算并返回商。

a/b是2
%Modulus

执行除法并返回余数。

a%b is 0
++Increment

将变量的值增加1。

a ++是11
--Decrement

将变量的值减1。

a-- is 9

关系运算符 (Relational Operators)

关系运算符测试或定义两个实体之间的关系类型。 关系运算符返回一个布尔值,即true/false。

假设A的值为10,B为20。

显示示例

运算符描述
>Greater than(A> B)是假的
<Lesser than(A < B) 为真
>=大于或等于(A> = B)为假
<=小于或等于(A <= B)为真
==Equality(A == B)是假的
!=not equal to(A!= B)是真的

逻辑运算符 (Logical Operators)

逻辑运算符用于组合两个或多个条件。 逻辑运算符也返回一个布尔值。 假设变量A的值为10,B为20。

显示示例

运算符描述
&&And

仅当指定的所有表达式都返回true时,运算符才返回true。

(A> 10 && B> 10)是假的
||Or

如果指定的至少一个表达式返回true,则运算符返回true。

(A> 10 || B> 10)是真的
!Not

运算符返回表达式结果的反函数。 例如:!(7> 5)返回false。

!(A> 10)是真的

按位运算符 (Bitwise Operators)

JavaScript支持以下按位运算符。 下表总结了JavaScript的按位运算符。

显示示例

运算符用法描述
Bitwise ANDa&b返回每个位位置的一个,两个操作数的相应位为1
Bitwise OR 一个| b在每个位的位置返回一个,其中一个或两个操作数的相应位是1
Bitwise XOR a ^ b在每个位位置返回一个,其中任一个但不是两个操作数的相应位都是1
Bitwise NOT~a反转其操作数的位
Left shifta << b将二进制表示b(<32)位向左移位,从右移零
Sign-propagating right shifta >> b将二进制表示b(<32)位向右移位,丢弃移位的位
Zero-fill right shifta >>> b向左移位二进制表示b(<32)位,丢弃移位的位,并从左移位零

赋值操作符 (Assignment Operators)

下表总结了赋值运算符。

显示示例

Sr.No操作符和说明
1

= (Simple Assignment)

将值从右侧操作数分配给左侧操作数。

Example - C = A + B将A + B的值分配给C

2

+= (Add and Assignment)

它将右操作数添加到左操作数并将结果赋给左操作数。

Example - C + = A等于C = C + A.

3

-= (Subtract and Assignment)

它从左操作数中减去右操作数,并将结果赋给左操作数。

Example C- = A相当于C = C-A

4

*= (Multiply and Assignment)

它将右操作数与左操作数相乘,并将结果赋给左操作数。

Example C * = A等于C = C * A.

5

/= (Divide and Assignment)

它将左操作数与右操作数分开,并将结果赋给左操作数。

Note - 相同的逻辑适用于按位运算符,因此它们将变为“”=,“”=,“”=,&=,| =和^ =。

混合操作符 (Miscellaneous Operators)

以下是一些杂项运算符。

The negation operator (-)

更改值的符号。 以下程序是一个相同的例子。

var x = 4 
var y = -x; 
console.log("value of x: ",x); //outputs 4 
console.log("value of y: ",y); //outputs -4

成功执行上述程序后,将显示以下输出。

value of x:  4 
value of y:  -4 

字符串运算符:连接运算符(+)

应用于字符串时的+运算符会将第二个字符串附加到第一个字符串。 以下程序有助于理解这一概念。

var msg = "hello"+"world" 
console.log(msg) 

成功执行上述程序后,将显示以下输出。

helloworld

连接操作不会在字符串之间添加空格。 可以在单个语句中连接多个字符串。

Conditional Operator (?)

此运算符用于表示条件表达式。 条件运算符有时也称为三元运算符。 以下是语法。

Test ? expr1 : expr2

Where,

Test - 指条件表达式

expr1 - 如果条件为真,则返回值

expr2 - 如果条件为false,则返回值

Example

var num = -2 
var result = num > 0 ?"positive":"non-positive" 
console.log(result)

第2行检查变量num中的值是否大于零。 如果num设置为大于零的值,则返回字符串“positive”,否则返回“non-positive”字符串。

成功执行上述程序后,将显示以下输出。

non-positive 

类型操作符

类型运算符

这是一个一元的运算符。 此运算符返回操作数的数据类型。 下表列出了JavaScript中typeof运算符返回的数据类型和值。

类型由typeof返回的字符串
Number"number"
String"string"
Boolean"boolean"
Object"object"

以下示例代码将数字显示为输出。

var num = 12 
console.log(typeof num); //output: number

成功执行上述代码后,将显示以下输出。

number