TypeScript学习笔记3：运算符

最新推荐文章于 2024-12-23 18:38:13 发布

原创最新推荐文章于 2024-12-23 18:38:13 发布 · 717 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

Typescript的学习之路专栏收录该内容

24 篇文章

订阅专栏

本文是TypeScript学习笔记的第三部分，主要介绍了算术运算符、赋值运算符、自增和自减运算符以及比较和逻辑运算符的使用方法。通过示例展示了运算符在TS中的工作原理和特殊功能，如“+”号用于类型转换和字符串拼接，以及特殊赋值运算符的简化形式。

文章目录

运算符

运算符

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

运算符主要分为：

算术运算符
赋值运算符
自增和自减运算符
比较运算符
逻辑运算符

算术运算符的简单使用

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

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

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")

运行结果：
加号的特殊运用

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

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

赋值运算符的简单使用

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

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

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

运行结果：
赋值运算符

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

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

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/-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

运行结果：
等于和不等于

逻辑运算符的简单使用

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

逻辑运算符	逻辑运算符含义	备注
`&&`	与（并且）	当 `&&` 两边的值，同时为`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

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