HTML CSS JAVASCRIPT PYTHON PYTHON2 JAVA C C++ C# SQL Excel Linux AI BOOTSTRAP PHP 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ
❮ 上一节 下一节 ❯

ES6 - 运算符

表达式是一种特殊的语句，其计算结果为一个值。每个表达式都由 − 组成。

  • 操作数 − 表示数据。

  • 运算符 − 定义如何处理操作数以产生值。

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

  • 算术运算符
  • 逻辑运算符
  • 关系运算符
  • 按位运算符
  • 赋值运算符
  • 三元/条件运算符
  • 字符串运算符
  • 类型运算符
  • void 运算符

算术运算符

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

显示示例

运算符 函数 示例
+ 加法

返回操作数的总和。

 a + b 等于 15
- 减法

返回值的差值。

 a-b 为 5
* 乘法

返回值的乘积。

 a*b 为 50
/ 除法

执行除法运算并返回商。

 a/b 为 2
% 模数

执行除法并返回余数。

 a%b 为 0
++ 递增

将变量的值增加一。

 a++ 为 11
-- 递减

将变量的值减少一。

 a-- 为 9

关系运算符

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

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

显示示例

运算符 描述 示例
> 大于大于 (A > B) 为假
< 小于 (A < B) 为真
>= 大于或等于 (A >= B) 为假
<= 小于或等于 (A <= B) 为真
== 相等 (A == B) 为假
!= 不等于 (A!= B) 为真

逻辑运算符

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

显示示例。

运算符 描述 示例
&& 与

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

 (A > 10 && B > 10) 为 False
|| 或

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

 (A > 10 || B > 10) 为 True
! 非

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

 !(A > 10) 为 True

位运算符

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

显示示例。

运算符 用法 描述
按位与 a & b 返回两个操作数的对应位均为 1 的每个位位置上的 1
按位或 a | b 返回一个或两个操作数的对应位均为 1 的每个位位置上的 1
按位异或 a^b 在每个位位置返回一个 1，对于该位，其中一个操作数的对应位为 1，但两个操作数的对应位为 1
按位非 ~ a 反转其操作数的位
左移 a << b 将二进制表示中的 a 向左移动 b (< 32) 位，从右侧移入零
符号右移 a >> b 将二进制表示中的 a 向右移动 b (< 32) 位，丢弃移出的位
零填充右移 a >>> b 将二进制表示中的 a 向右移动 b (< 32) 位，丢弃移出的位，并从左侧移入零

赋值运算符

下表总结了赋值运算符。

显示示例。

Sr.No 运算符和说明
1

=(简单赋值)

将右侧操作数的值赋给左侧操作数。

示例 − C = A + B 将把 A + B 的值赋给 C
2

+=(添加和赋值)

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

示例 − C += A 等同于 C = C + A
3

-=(减法和赋值)

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

示例 C -= A 等同于 C = C - A
4

*=(乘法和赋值)

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

示例 C *= A 等同于 C = C * A
5

/=(除法和赋值)

它将左操作数除以右操作数，并将结果赋给左操作数。

注意 − 同样的逻辑也适用于按位运算符，因此它们将变为 <<=、>>=、>>=、&=、|= 和 ^=。

杂项运算符

以下是一些杂项运算符。

否定运算符 (-)

更改值的符号。以下程序是相同的示例。

var x = 4
var y = -x;
console.log("x 的值: ",x); //输出 4
console.log("y 的值: ",y); //输出 -4

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

x 的值:4
y 的值:-4

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

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

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

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

helloworld

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

条件运算符 (?)

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

Test ? expr1 : expr2

其中，

Test − 指的是条件表达式

expr1 − 如果条件为真则返回的值

expr2 − 如果条件为假则返回的值

示例

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

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

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

non-positive

typeof 运算符

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

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

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

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

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

number

扩展运算符

ES6 提供了一个名为 扩展运算符 的新运算符。扩展运算符由三个点"..."表示。扩展运算符将数组转换为单独的数组元素。

扩展运算符和函数

以下示例说明了在函数中使用扩展运算符

<script>
   function addThreeNumbers(a,b,c){
      return a+b+c;
   }
   const arr = [10,20,30]
   console.log('sum is :',addThreeNumbers(...arr))
   console.log('sum is ',addThreeNumbers(...[1,2,3]))
</script>

上述代码的输出将如下所示 −

sum is : 60
sum is 6

扩展运算符和数组复制与连接

扩展运算符可用于将一个数组复制到另一个数组。它还可用于连接两个或多个数组。如下面的示例 − 所示

示例

<script>
   //使用扩展运算符复制数组
   let source_arr = [10,20,30]
   let dest_arr = [...source_arr]
   console.log(dest_arr)
	
   //连接两个数组
   let arr1 = [10,20,30]
   let arr2 =[40,50,60]
   let arr3 = [...arr1,...arr2]
   console.log(arr3)
</script>

上述代码的输出将如下所示 −

[10, 20, 30]
[10, 20, 30, 40, 50, 60]

扩展运算符和对象复制与连接

扩展运算符可用于将一个对象复制到另一个对象。它还可用于连接两个或多个对象。如下面的示例所示−

<script>
   //复制对象
   let student1 ={firstName:'Mohtashim',company:'TutorialsPoint'}
   let student2 ={...student1}
   console.log(student2)
   //连接对象
   let student3 = {lastName:'Mohammad'}
   let student4 = {...student1,...student3}
   console.log(student4)
</script>

上述代码的输出如下所示 −

{firstName: "Mohtashim", company: "TutorialsPoint"}
{firstName: "Mohtashim", company: "TutorialsPoint", lastName: "Mohammad"}
❮ 上一节 下一节 ❯