上一章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 |
评论前必须登录!
注册