个性化阅读
专注于IT技术分析

TypeScript操作符全解 – TypeScript开发教程

点击下载

上一章TypeScript教程请查看:let和var关键字的区别

操作符是对值或数据进行操作的符号,它表示处理数据的特定操作,操作符操作的数据称为操作数。它可以与一个或多个值一起使用,以生成单个值,TypeScript程序提供了所有标准的JavaScript操作符。

例子

10 + 10 = 20;  

在上面的例子中,“10”和“20”的值被称为一个操作数,而“+”和“=”被称为操作符。

TypeScript操作符

在TypeScript中,操作符可以分为以下几种类型。

  • 算术运算符
  • 比较(关系)操作符
  • 逻辑运算符
  • 按位运算符
  • 赋值操作符
  • 元/条件运算符
  • 连接运算符
  • 类型操作符

算术运算符

算术运算符将数值作为操作数,执行一个动作,然后返回一个单一的数值。最常见的算术运算符加(+)、减(-)、乘(*)、除(/)。

操作符 名称 描述 例子
+ 加法 加法 let a = 20; let b = 30; let c = a + b; console.log( c ); // 30
减法 它返回值的差值。 let a = 30; let b = 20; let c = a – b; console.log( c ); // 10
* 乘法 它返回值的乘积。 let a = 30; let b = 20; let c = a * b; console.log( c ); // 600
/ 除法 除法 let a = 100; let b = 20; let c = a / b; console.log( c ); // 5
% 模量 它执行除法运算并返回余数。 let a = 95; let b = 20; let c = a % b; console.log( c ); // 15
++ 增量 它用于将变量的值增加1。 let a = 55; a++; console.log( a ); // 56
减量 它用于将变量的值减一。 let a = 55; a–; console.log( a ); // 54

比较(关系)操作符

比较运算符用于比较两个操作数,这些操作符返回一个布尔值true或false,下面给出了重要的比较运算符。

操作符 名称 描述 例子
== 等于 它检查两个操作数的值是否相等。 let a = 10; let b = 20; console.log(a==b);     //false console.log(a==10);    //true console.log(10==’10’); //true
=== 相同的(相等的,同一类型的) 它检查两个操作数的类型和值是否相等。 let a = 10; let b = 20; console.log(a===b);    //false console.log(a===10);   //true console.log(10===’10’); //false
!= 不等于 它检查两个操作数的值是否相等。 let a = 10; let b = 20; console.log(a!=b);     //true console.log(a!=10);    //false console.log(10!=’10’); //false
!== 不完全相同 它检查两个操作数的类型和值是否相等。 let a = 10; let b = 20; console.log(a!==b);     //true console.log(a!==10);    /false console.log(10!==’10’); //true
大于 它检查左操作数的值是否大于右操作数的值。 let a = 30; let b = 20; console.log(a>b);     //true console.log(a>30);    //false console.log(20> 20′); //false
>= 大于或等于 它检查左操作数的值是否大于或等于右操作数的值。 let a = 20; let b = 20; console.log(a>=b);     //true console.log(a>=30);    //false console.log(20>=’20’); //true
不到 它检查左操作数的值是否小于右操作数的值。 let a = 10; let b = 20; console.log(a<b);      //true console.log(a<10);     //false console.log(10<’10’);  //false
<= 小于等于 它检查左操作数的值是否小于或等于右操作数的值。 let a = 10; let b = 20; console.log(a<=b);     //true console.log(a<=10);    //true console.log(10<=’10’); //true

逻辑运算符

逻辑运算符用于将两个或多个条件组合成一个表达式,并返回布尔结果true或false,逻辑运算符如下所示。

操作符 名称 描述 Example
&& Logical AND 如果两个操作数(表达式)都为真,则返回真,否则返回假。 let a = false; let b = true; console.log(a&&b);      /false console.log(b&&true);   //true console.log(b&&10);     //10 ‘true’ console.log(a&&’10’);  //false
|| Logical OR 如果任何操作数(表达式)为真,则返回真,否则返回假。 let a = false; let b = true; console.log(a||b);      //true console.log(b||true);   //true console.log(b||10);     //true console.log(a||’10’);   //’10’ ‘true’
! Logical NOT 它返回操作数(表达式)的逆运算结果。 let a = 20; let b = 30; console.log(!true);    //false console.log(!false);   //true console.log(!a);       //false console.log(!b);       /false console.log(!null);    //true

按位运算符

按位操作符对操作数执行按位操作。按位运算符如下。

操作符 名称 描述 例子
& 位与 它返回一个布尔值的结果,并对其整数参数的每个位进行运算。 let a = 2; let b = 3; let c = a & b; console.log(c);   //

2
| 按位或 它返回一个布尔或操作的结果对每个位的整数参数。 let a = 2; let b = 3; let c = a | b; console.log(c);   //
  3
^ 按位异或 它返回对其整数参数的每个位进行布尔互斥或操作的结果。 let a = 2; let b = 3; let c = a ^ b; console.log(c);   //   1
~ 位取反 它反转操作数中的每个位。 let a = 2; let c = ~ a; console.log(c);   //   -3
>>  逐位右移 左操作数的值根据右操作数中指定的位数向右移动。 let a = 2; let b = 3; let c = a >> b; console.log(c);   //   0
<<  按位左移 左操作数的值由右操作数中指定的位数向左移动。新的位在右边填入0。 let a = 2; let b = 3; let c = a << b; console.log(c);   //   16
>>>  按位右移为0 左操作数的值根据右操作数中指定的位数向右移动,并在左侧添加零。 let a = 3; let b = 4; let c = a >>> b; console.log(c);   //   0

赋值操作符

赋值运算符用于为变量赋值。赋值运算符的左边称为变量,赋值运算符的右边称为值。变量和值的数据类型必须相同,否则编译器将抛出错误。赋值操作符如下。

操作符 操作名称 描述 例子
= 赋值 它将值从右侧赋给左侧操作数。 let a = 10; let b = 5; console.log(“a=b:” +a);   //   10
+= 添加和赋值 它将左操作数与右操作数相加,并将结果赋给左操作数。 let a = 10; let b = 5; let c = a += b; console.log(c);   //   15
-= 减去和赋值 它从左操作数减去右操作数,并将结果赋给左操作数。 let a = 10; let b = 5; let c = a -= b; console.log(c);   //   5
*= 乘法和赋值 它将左操作数与右操作数相乘,并将结果赋给左操作数。 let a = 10; let b = 5; let c = a *= b; console.log(c);   //   50
/= 划分和赋值 它将左操作数与右操作数分开,并将结果赋给左操作数。 let a = 10; let b = 5; let c = a /= b; console.log(c);   //   2
%= 模量和赋值 它将左操作数与右操作数分开,并将结果赋给左操作数。 let a = 16; let b = 5; let c = a %= b; console.log(c);   //   1

元/条件运算符

条件运算符接受三个操作数并根据条件返回一个布尔值,不管它是真还是假。它的工作原理类似于if-else语句,条件运算符具有从右到左的结合性。条件运算符的语法如下所示。

expression ? expression-1 : expression-2;  
  • expression: 它指的是条件表达式。
  • expression-1: 如果条件为真,则返回表达式-1。
  • expression2: 如果条件为假,则返回表达式2。

例子

let num = 16;  
let result = (num > 0) ? "True":"False"   
console.log(result);  

连接运算符

连接(+)操作符是一个用于附加两个字符串的操作符。在连接操作中,我们不能在字符串之间添加空格。我们可以在一条语句中连接多个字符串。下面的示例帮助我们理解TypeScript中的连接操作符。

例子

let message = "Welcome to " + "srcmini";  
console.log("字符串运算符结果: " +message);  

类型操作符

有一组可用的操作符可以帮助你处理TypeScript中的对象。类型运算符的例子有typeof、instanceof、in和delete。这些操作符的详细说明如下。

操作符名称 描述 例子
in 它用于检查对象上是否存在属性。 let Bike = {make: ‘Honda’, model: ‘CLIQ’, year: 2020}; console.log(‘make’ in Bike);   // : true
delete 它用于从对象中删除属性。 let Bike = { Company1: ‘Honda’,              Company2: ‘Hero’,              Company3: ‘Royal Enfield’            }; delete Bike.Company1; console.log(Bike);   // : { Company2: ‘Hero’, Company3: ‘Royal Enfield’ }
typeof 它返回操作数的数据类型。 let message = “Welcome to ” + “srcmini”; console.log(typeof message);  // : String
instanceof 它用于检查对象是否具有指定的类型。 let arr = [1, 2, 3]; console.log( arr instanceof Array ); // true console.log( arr instanceof String ); // false
赞(0)
未经允许不得转载:srcmini » TypeScript操作符全解 – TypeScript开发教程

评论 抢沙发

评论前必须登录!