TypeScript 中常用的运算符:算术运算符、赋值运算符、逻辑运算符、比较运算符和位运算符

简介: TypeScript 中常用的运算符:算术运算符、赋值运算符、逻辑运算符、比较运算符和位运算符

运算符是编程语言中用于对操作数进行操作的符号或关键字。在 TypeScript 中,我们可以使用各种运算符来执行基本的数学运算、逻辑运算和比较运算等操作。了解并熟练使用这些运算符是编写高效且可靠的 TypeScript 代码的关键。本文将详细介绍 TypeScript 中常用的运算符,包括算术运算符、赋值运算符、逻辑运算符、比较运算符和位运算符等。

算术运算符

算术运算符用于对数字进行基本的算术计算。

加法运算符(+)

加法运算符(+)用于将两个数字相加。

let a: number = 5;
let b: number = 3;
let result: number = a + b; // 8

减法运算符(-)

减法运算符(-)用于从一个数字中减去另一个数字。

let a: number = 5;
let b: number = 3;
let result: number = a - b; // 2

乘法运算符(*)

乘法运算符(*)用于将两个数字相乘。

let a: number = 5;
let b: number = 3;
let result: number = a * b; // 15

除法运算符(/)

除法运算符(/)用于将一个数字除以另一个数字。

let a: number = 5;
let b: number = 3;
let result: number = a / b; // 1.6666666666666667

取余运算符(%)

取余运算符(%)用于计算一个数字除以另一个数字后的余数。

let a: number = 5;
let b: number = 3;
let result: number = a % b; // 2

自增运算符(++)

自增运算符(++)用于将一个数字增加 1。

let a: number = 5;
a++; // a 的值变为 6

自减运算符(--)

自减运算符(--)用于将一个数字减少 1。

let a: number = 5;
a--; // a 的值变为 4

赋值运算符

赋值运算符用于将一个值赋给变量。

简单赋值运算符(=)

简单赋值运算符(=)用于将右边的值赋给左边的变量。

let a: number = 5;
let b: number = a; // b 的值变为 5

加法赋值运算符(+=)

加法赋值运算符(+=)用于将右边的值与左边的变量相加,并将结果赋给左边的变量。

let a: number = 5;
a += 3; // a 的值变为 8

减法赋值运算符(-=)

减法赋值运算符(-=)用于将右边的值从左边的变量中减去,并将结果赋给左边的变量。

let a: number = 5;
a -= 3; // a 的值变为 2

乘法赋值运算符(*=)

乘法赋值运算符(*=)用于将右边的值与左边的变量相乘,并将结果赋给左边的变量。

let a: number = 5;
a *= 3; // a 的值变为 15

除法赋值运算符(/=)

除法赋值运算符(/=)用于将左边的变量除以右边的值,并将结果赋给左边的变量。

let a: number = 10;
a /= 2; // a 的值变为 5

逻辑运算符

逻辑运算符用于执行逻辑运算并生成布尔值结果。

逻辑与运算符(&&)

逻辑与运算符(&&)用于在两个条件都为真时返回真。

let a: boolean = true;
let b: boolean = false;
let result: boolean = a && b; // false

逻辑或运算符(||)

逻辑或运算符(||)用于在至少一个条件为真时返回真。

let a: boolean = true;
let b: boolean = false;
let result: boolean = a || b; // true

逻辑非运算符(!)

逻辑非运算符(!)用于对表达式取反。

let a: boolean = true;
let result: boolean = !a; // false

比较运算符

比较运算符用于比较两个值,并返回一个布尔值。

相等运算符(==)

相等运算符(==)用于比较两个值是否相等。

let a: number = 5;
let b: number = 5;
let result: boolean = a == b; // true

不等运算符(!=)

不等运算符(!=)用于比较两个值是否不相等。

let a: number = 5;
let b: number = 3;
let result: boolean = a != b; // true

大于运算符(>)

大于运算符(>)用于判断左边的值是否大于右边的值。

let a: number = 5;
let b: number = 3;
let result: boolean = a > b; // true

小于运算符(<)

小于运算符(<)用于判断左边的值是否小于右边的值。

let a: number = 5;
let b: number = 3;
let result: boolean = a < b; // false

大于等于运算符(>=)

大于等于运算符(>=)用于判断左边的值是否大于等于右边的值。

let a: number = 5;
let b: number = 3;
let result: boolean = a >= b; // true

小于等于运算符(<=)

小于等于运算符(<=)用于判断左边的值是否小于等于右边的值。

let a: number = 5;
let b: number = 3;
let result: boolean = a <= b; // false

位运算符

位运算符用于对二进制数字进行操作。

位与运算符(&)

位与运算符(&)用于对两个数的二进制表示进行按位与操作。

let a: number = 5; // 二进制表示为 0101
let b: number = 3; // 二进制表示为 0011
let result: number = a & b; // 0001,结果为 1

位或运算符(|)

位或运算符(|)用于对两个数的二进制表示进行按位或操作。

let a: number = 5; // 二进制表示为 0101
let b: number = 3; // 二进制表示为 0011
let result: number = a | b; // 0111,结果为 7

位异或运算符(^)

位异或运算符(^)用于对两个数的二进制表示进行按位异或操作。

let a: number = 5; // 二进制表示为 0101
let b: number = 3; // 二进制表示为 0011
let result: number = a ^ b; // 0110,结果为 6

左移运算符(<<)

左移运算符(<<)用于将一个数的二进制表示向左移动指定的位数。

let a: number = 5; // 二进制表示为 0101
let result: number = a << 2; // 010100,结果为 20

右移运算符(>>)

右移运算符(>>)用于将一个数的二进制表示向右移动指定的位数。

let a: number = 5; // 二进制表示为 0101
let result: number = a >> 1; // 0010,结果为 2

总结

本文详细介绍了 TypeScript 中常用的运算符,包括算术运算符、赋值运算符、逻辑运算符、比较运算符和位运算符。熟练地使用这些运算符可以帮助我们编写出高效、可靠的代码。在实际开发中,根据具体的需求选择合适的运算符,并充分利用运算符的特性,可以提升我们的开发效率和代码质量。

目录
相关文章
|
JavaScript 前端开发
TypeScript 运算符
TypeScript 运算符
33 0
|
JavaScript 前端开发
开心档之TypeScript 运算符
开心档之TypeScript 运算符
34 0
|
JavaScript
TypeScript中常见的操作符运算符总结
TypeScript中常见的操作符运算符总结
126 0
|
JavaScript 前端开发
TypeScript 运算符
TypeScript 运算符
|
2月前
|
JavaScript
typeScript进阶(9)_type类型别名
本文介绍了TypeScript中类型别名的概念和用法。类型别名使用`type`关键字定义,可以为现有类型起一个新的名字,使代码更加清晰易懂。文章通过具体示例展示了如何定义类型别名以及如何在函数中使用类型别名。
39 1
typeScript进阶(9)_type类型别名
|
27天前
|
JavaScript 前端开发 安全
深入理解TypeScript:增强JavaScript的类型安全性
【10月更文挑战第8天】深入理解TypeScript:增强JavaScript的类型安全性
44 0
|
27天前
|
JavaScript 前端开发 开发者
深入理解TypeScript:类型系统与实用技巧
【10月更文挑战第8天】深入理解TypeScript:类型系统与实用技巧
|
2月前
|
存储 JavaScript
typeScript进阶(11)_元组类型
本文介绍了TypeScript中的元组(Tuple)类型,它是一种特殊的数组类型,可以存储不同类型的元素。文章通过示例展示了如何声明元组类型以及如何给元组赋值。元组类型在定义时需要指定数组中每一项的类型,且在赋值时必须满足这些类型约束。此外,还探讨了如何给元组类型添加额外的元素,这些元素必须符合元组类型中定义的类型联合。
44 0
|
2月前
|
JavaScript
typeScript进阶(10)_字符串字面量类型
本文介绍了TypeScript中的字符串字面量类型,这种类型用来限制变量只能是某些特定的字符串字面量。通过使用`type`关键字声明,可以确保变量的值限定在预定义的字符串字面量集合中。文章通过示例代码展示了如何声明和使用字符串字面量类型,并说明了它在函数默认参数中的应用。
36 0
|
11天前
|
JavaScript 开发者
在 Babel 插件中使用 TypeScript 类型
【10月更文挑战第23天】可以在 Babel 插件中更有效地使用 TypeScript 类型,提高插件的开发效率和质量,减少潜在的类型错误。同时,也有助于提升代码的可理解性和可维护性,使插件的功能更易于扩展和升级。