ES6 - 运算符

---

表达式是一种计算结果为值的特殊语句。每个表达式都由以下部分组成 -

• 操作数- 代表数据。

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

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

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

算术运算符

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

显示示例

关系运算符

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

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

显示示例

逻辑运算符

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

显示示例。

按位运算符

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

显示示例。

赋值运算符

下表总结了赋值运算符。

显示示例。

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

杂项运算符

以下是一些杂项运算符。

否定运算符 (-)

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

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

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

条件运算符 (?)

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

Test ? expr1 : expr2

在哪里，

测试- 指条件表达式

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

expr2 - 如果条件为假则返回值

例子

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

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

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

non-positive 

类型运算符

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

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

var num = 12 
console.log(typeof num); //output: 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>
   //copy array using spread operator
   let source_arr = [10,20,30]
   let dest_arr = [...source_arr]
   console.log(dest_arr)
	
   //concatenate two arrays
   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]

Spread 运算符和对象复制和串联

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

<script>
   //copy object
   let student1 ={firstName:'Mohtashim',company:'TutorialsPoint'}
   let student2 ={...student1}
   console.log(student2)
   //concatenate objects
   let student3 = {lastName:'Mohammad'}
   let student4 = {...student1,...student3}
   console.log(student4)
</script>

上述代码的输出如下 -

{firstName: "Mohtashim", company: "TutorialsPoint"}
{firstName: "Mohtashim", company: "TutorialsPoint", lastName: "Mohammad"}