小笔记-typescript学习3-运算符

246 阅读2分钟

三typescript 的运算符

3.1运算符概述

运算符也成为操作符,用来实现赋值(=) 、算术运算、比较等功能的符号

常用的运算符:

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

3.2算术运算符

算术运算符包含: 加 + 减 - 乘 * 除/

  • 加 +
  • 减 -
  • 乘 *
  • 除/

3.2.1算术运算符

1算术运算符:进行算术运算时使用的符号,用于两个数值之间的计算

// 实现2和3的算术运算
// 加
console.log( 2 + 3 ) 
// 减 
console.log( 2 - 3 ) 
// 乘
console.log( 2 * 3 ) 
// 除
console.log( 2 / 3 ) 

image.png

3.2.2 加号的其他作用

注意: + 号 ,不仅可以用于加法计算,还能实现字符串拼接

// 字符串拼接
console.log('这是一个字符串拼接' +  '验证')

image.png

注意:

 console.log( 2 + 3 ) 
 console.log( 2 + '3' ) 
 console.log( '2' + 3 ) 

image.png

规律: 由此可知, 加号两边 只要有一边是字符串 , 就执行字符串拼接

3.2.3 加号引发的思考

console.log(2 - '1')// 报错:算术运算符右侧必须是数字类型

注意: 除加号以外, 其他算术运算符只应该跟数字类型一起使用(number)

其他方式: 将字符串类型 转换 为数字类型。

 console.log( 4 - +'3') 
 // +'3' 表示将 '3' (string类型)  转换为   1(number 类型)
 // 所以 , 4- +'3' , 变为 4-3 =>结果为1

记住了: 在字符串前面添加 + 号, 可以将 string 转化为 number (字符串内容为数字时才有意义)

3.3赋值运算符

赋值运算符: 将等号右边的值赋值给它左边的变量, 比如: 等号(=)

let  age:number = 18
 age = age +1 
 
 console.log( age )// 19

顺序:

  • 先执行等号右边的代码
  • 将计算结果复制给等号左边的变量

除了等号(=) , 还包括 加等(+=) 减等(-=) 乘等(*=) 除等(/=)

age +=1

3.4自增和自减运算符

自增(++) 是运算符 +=1 的简化方式

自减(--) 是运算符 -=1 的简化方式

 let  age:number = 18

 age = age +1 
 console.log( age )

 age +=1
 console.log( age )

 age ++ 
  console.log( age ) 

image.png

age ++ 会让变量age的值加1

++ 或--,只能让变量的值增加或者减少1 ,不是1 也要采用其他形式。 比如2 ,age +=2

3.5比较运算符

比较运算符: 用于比较两个数据的值, 并返回其比较的结果,结果为布尔类型。

  • 大于 >
  • 大于等于 >=
  • 小于 <
  • 小于等于 <=
  • 等于 ===
  • 不等于 !==

比较运算符 常用于数字类型的比较

3.6逻辑运算符

逻辑运算符: 与 或 非

逻辑运算符通常用于 布尔类型 的计算, 并且结果也是布尔类型

与(逻辑与) ,用&&符号表示, 当 && 两边的值同时为true , 结果才为ture,否则为false

console.log(true && true)  // true 
console.log(true && false)  // 结果为false 
console.log(false && false)  // 结果为false 
console.log( 2>1 && 2>=2) // 结果为true

或(逻辑或) ,用||符号表示 , 当||两边的值,只要有一个为true ,结果就为true, 否则为false


console.log(true || false ) // true
console.log(false || true ) // true 
console.log(false || false ) //false
console.log( 3<2 || 1<=2) // true

非(逻辑非),符号 ! ,表示取反, 即 ture-> false ,而false ->true

!true    //false
!false   // true
console.log(!false ||  false ) // true