TypeScript操作符全解 – TypeScript开发教程 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操作符全解 – TypeScript开发教程】有一组可用的操作符可以帮助你处理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