TypeScript学习笔记3：运算符

• TS 和 JS 相对比的优势
• TypeScript的安装步骤、运行问题及代码的简单运行
• TypeScript学习笔记1：变量赋值及书写方式
• TypeScript学习笔记2：数据类型

运算符

运算符也称为操作符、用来实现赋值、算术运算和比较等功能的符号

运算符主要分为：

1. 算术运算符
2. 赋值运算符
3. 自增和自减运算符
4. 比较运算符
5. 逻辑运算符

算术运算符的简单使用

算术运算符即在语言内进行算术运算的功能符号，其主要符号有以下几点：

• 加号“+”(运行加法的运算符号)

console.log(2 + 3)

运行结果：

• 减号“-”(运行减法的运算符号)

console.log(2 - 3)

运行结果：

• 乘号“*”(运行乘法的运算符号)

console.log(2 * 3)

运行结果：

• 除号“/”(运行除法的运算符号)

console.log(2 / 3)

运行结果：

加号的特殊使用方法：

• 将字符串进行拼接操作

// 使用加号将字符串类型和数字类型进行拼接
console.log("1" + 1)

// 使用加号将字符串类型和字符串类型进行拼接
console.log("周杰" + "伦")

运行结果：

• 将string类型转换为number类型：

console.log(+'1' - 1)
console.log(2 + +"4")

运行结果：

注：算术运算符中只有“+”号拥有特殊功能：

1. 可以将string类型转换为number类型
2. 可以将字符串进行拼接，且字符串可和所有的数据类型进行拼接

赋值运算符的简单使用

赋值运算符（等号 “=”）
在编程语言中等号 “=” 是赋值运算符，而非比较运算符中“等于”的意思。

赋值运算符是将等号右边的值赋值给它左边的变量，例如：

// 将字符串：深圳 赋值给左侧的变量 city
let city = "深圳"
console.log(city)

运行结果：

赋值运算符的代码执行顺序：

1. 优先执行等号右边的代码
2. 再将代码执行结果赋值给等号左边的变量

let age = 20
age = 20 + 1
console.log(age)

运行结果：

特殊赋值运算符：即算式的简化形式

“ += ” --> 加法算式的简化形式，如：

// 正常传统的加法算式
let age = 20
age = age + 1
console.log(age)

// 加法算式的简化形式
let age1 = 20
age1 += 1
console.log(age1)

运行结果：

“ -= ” --> 减法算式的简化形式，如：

// 正常传统的减法算式
let age = 20
age = age - 2
console.log(age)

// 减法算式的简化形式
let age1 = 20
age1 -= 2
console.log(age1)

运行结果：

“ *= ” --> 乘法算式的简化形式，如：

// 正常传统的乘法算式
let age = 20
age = age * 3
console.log(age)

// 乘法算式的简化形式
let age1 = 20
age1 *= 3
console.log(age1)

运行结果：

“ /= ” --> 除法算式的简化形式，如：

// 正常传统的除法算式
let age = 20
age = age / 4
console.log(age)

// 除法算式的简化形式
let age1 = 20
age1 /= 4
console.log(age1)

运行结果：

自增和自减运算符的简单使用

• 自增运算符 -->即“+= 1”的简化形式，例：

// 原 +1 的算式的简化形式
let age = 20
age += 1
console.log(age)

// 自增运算符的书写形式
let age1 = 20
age1++
console.log(age1)

运行结果：

• 自减运算符 -->即“-= 1”的简化形式，例：

// 原 -1 的算式的简化形式
let age = 20
age -= 1
console.log(age)

// 自减运算符的书写形式
let age1 = 20
age1--
console.log(age1)

运行结果：

注：

1. 目前只有加法和乘法存在自增和自减运算符
2. 自增和自减运算符有且只能进行 +1/-1 操作，不支持 +2/+3等其他数字操作

比较运算符的简单使用

1. 用于比较两个数据的值，并返回其比较的家国，结果为布尔类型。
2. 比较运算符常用于数字类型的比较。
3. 比较运算符只类型用来进行同一种类型的比较，如数字类型对应数字类型，字符串对应字符串类型等。

比较运算符主要有：

比较运算符	比较运算符的含义
“>”	大于
“<”	小于
“>=”	大于等于
“<=”	小于等于
“===”	等于
“!==”	不等于

举例：

// 大于
console.log(1 > 2)      //结果：false
// 小于
console.log(1 < 2)      //结果：true
// 大于等于
console.log(1 >= 2)     //结果：false
// 小于等于
console.log(2 <= 2)     //结果：true

运行结果：

等于和不等于的简单应用：

// 使用常量进行比较
console.log(4 === 4)	//结果：true
console.log(4 !== 4)	//结果：false

// 使用变量进行比较
let a = 8
let b = 8
console.log(`等于比较运算符的比较结果是${a === b}`)    // 结果：true

let c = 8
let d = 8
console.log(`不等于比较运算符的比较结果是${c !== d}`)    // 结果：false

运行结果：

逻辑运算符的简单使用

1. 代码中的逻辑运算符有：与（并且）、或（或者）、非（不是）三种逻辑运算符。
2. 逻辑运算符通常用于布尔类型的计算，并且返回结果也是布尔类型。

逻辑运算符	逻辑运算符含义	备注
&&	与（并且）	当 && 两边的值，同时为true时，才为true，否则为false
||	或（或者）	当 || 两边的值中，其中一个值为ture时，就为true，否则为false
!	非（不是）	表示取反，即true–>false，false–>true

举例：

与简单应用：

// “与”的简单使用
console.log(true && false)      // 结果：false
console.log(5 > 1 && 2 < 4)     // 结果：true

或的简单应用：

// “或”的简单使用
console.log(false || false)      // 结果：false
console.log(5 > 1 || 2 > 4)     // 结果：true

非的简单应用：

console.log(!false)     // 结果：true
console.log(!true)      // 结果：false

注：要是觉得文章写得不错，记得留个赞哦！