当前位置: 首页 > article >正文

Js运算符(操作符)

算数运算符
a = 1 + 1 // 2
a = 10 - 5 // 5
a = 10 / 5  // 2
a = 10 / 0 // js中除以0不会报错,结果是Infinity
a = 2*2 // 4
a = 2**2 // 
a = 10 % 4 // 取余,2

js中算数运算,除了字符串的加法,会自动将非数值转换为int进行计算,不像其他语言会报错

a = 10 + true // 11

a = 10 - "3" // 7

a = 5 + null // 5

a = 5 - undefined // NaN

字符串的加法,会将非字符串的值转换为字符串,进行字符串拼接

a = "1" + a // "1a"

a = "1" + 1 // "11"

a = "1" + null // 1null

利用算数运算隐式类型转换的特性,也可以用于类型转换,比如 true +'',使用值与空字符串相加,结果会将true转换成字符串的true

赋值运算符

=用来将一个值赋值给一个变量

let a 

a = 10 // 将右边的值,赋值给左边变量

let b = a // 将a赋值给b,一个变量只有在左边的时候才是变量,在右边的时候就是值

赋值运算

// 大部分运算符不会改变变量的值,赋值运算符除外

a = 10
a + 1 // a+1的结果是11,但是a还是10,结果没有赋值

a += 1 // a的结果是11,等价于 a = a + 1, /= 、*= 等等原理一样

??=空赋值

只有当变量的值是null或undefined的时候,才会进行赋值操作

let a
        a ??= 1 // a没有值,将1赋值给a
        console.log(a) // 1


        let b = 10
        b ??= 2 // b已经有值了,所以不会将2赋值给b
        console.log(b) // 2
一元正负
let a = 10
// 正号:不会改变数值的符号	
a = +a // 10

// 负号:可以对数值进行符号位取反
let b = 10
b = -b // -10
a = -a // -10

// 当对非数值类型进行正负运算时,会先将其转化为数值然后再运算
let c = "10"
c = +c // int 10,等价于b=Number(c),也可以使用一元的+转换类型
c = -c // int -10
自增和自减
自增

自增分为前自增(变量++)和后自增(++变量)

// 前自增
let a = 10
console.log(a++) // 10
console.log(a) // 11


// 后自增
let b = 20
console.log(++b) // 21
console.log(b) // 21

// 前后自增都会使原变量的值增加1,区别在于返回值不同
// 前自增表达式的返回值是自增前的值,后自增的返回值是自增后的值
自减

自减也分为前自减和后自减,原理与自增一致

let c = 10
console.log(c--) // 10
console.log(c) // 9

let d = 10
console.log(--d) // 9
console.log(d) // 9
逻辑运算符
逻辑非!

! 可以对一个值进行非运算,可以对一个布尔值进行取反操作,如果对一个非布尔值进行取反,会先将其转化为布尔值再进行取反,可以利用该特定将其他类型转换为布尔值

let result
result = !0 // true
逻辑与&&

与运算如果所有的表达式都是为true,则返回true,否则返回false

与运算是短路的,如果有值为false,则直接返回false,不会向后执行

let result 

result = true && true // true

result = true && false // false

result = true && alert(1) // alert会执行

result = false && alert(1) // alert不会值

对于非布尔值的运算,会将其转化为布尔值进行运算,但是最终返回不是布尔,会返回原值

如果有值为false,则直接false的值,如果值都为true,则返回最后一个值

let result
result = 1 && 2 && 3 // 3

result = 1 && 0 && 2 // 0
逻辑或||

当 ||运算的时候左右有true的值,则返回true,否则false

或运算也是短路的,如果找到true则直接返回,不会向后运算

对于非布尔值的运算,会转换为布尔值然后运算,但是最终也会返回原值,如果第一个是false返回第二个值

let result
result = true || false // true
result = false || false // false


result = 1 || 2 // 1
result = 0 || 2 // 2

result = 1 || alert(1) // 不会会执行alert
result = 0 || alert(1) // 会执行alert
关系运算符

检查两个值之间的关系是否成立,成立返回true,不成立返回false

let result 

result = 5 > 5 // false
result = 5 >=5 // true
result = 5 <= 5 // true


// 当对非数值进行关系运算时,会先转为为数值再比较
result = "1" > false // true
result = 5 < "10" // true

// 当关系运算符两端是两个字符串,不会将字符串转换数值,而是逐位比较自费的Unicode编码
result = "a" < "b" // true
result = "12" > "2" // false ,即使两个字符串都是数值,也不会转换数值运算
result = +"12" > "2" // true 可以使用一元运算将一个值转换为数值,则会进行数值运算
相等运算符

==相等运算符,用来比较两个值是否相等,相等返回true,否则false

  • 如果两个值是不同类型时,相等运算符会将他们转换为同类型(通常是数值)再比较
  • null和undefined进行相等比较时返回true
  • NaN不和任何值相等,包括他自身

===全等运算符都是用来比较两个值是否相等

​ 如果两个值是不同类型,不会进行类型转换,如果两个值类型不同,则直接返回false

let result 
// 相等运算
result = 1 == 2 // false

result = "1" == 1 // true

result = null == undefined // true

// 全等运算
result = "1" === 1 // false 
result = 2 === 2 // true
result = null === undefined // false,undefined和null相等,但是不全等

!=:比较两个值是否不相等,会自动进行类型转换

!==:比较两个值是否不全等,不会自动进行类型转换

result = 1 != 1 // false

result = 1 != "1" // false

result = 1 !== "1" // true
条件运算符(三元运算符)

条件表达式?表达式1:表达式2

执行顺序:

  • 先对表达式进行一个求值判断,如果结果为true,则执行表达式1,如果结果为false,则执行表达式2
let a = 10
let b = 20

a > b ? alert("a") : alert("b")
let max = a > b ? a : b // 如果a大于b,则max=a,否则等于b

运算符优先级

运算符中()拥有最高优先级,如果需要优先运算,可以使用()把表达式包裹起来


http://www.kler.cn/news/329675.html

相关文章:

  • Swoft2.0学习笔记
  • ESP32 Bluedroid 篇(1)—— ibeacon 广播
  • 软件设计——随手笔记
  • Pytest+selenium UI自动化测试实战实例
  • (8)mysql容器启动第一次无论输入密码与否均会报错处理
  • 检索增强生成(RAG)有什么好的优化方案?
  • 拦截器 Interceptor 详解
  • react中的ref三种形式
  • C# Windows EventHandler事件的使用
  • 足球青训俱乐部管理:Spring Boot技术驱动
  • 两个圆形 一个z里面一个z外面,z里面的大,颜色不同 html
  • 通信工程学习:什么是FTP文件传输协议
  • C++系列-继承补充
  • 【Redis 源码】7RDB持久化
  • 迈德斯特升降桌使用说明
  • 5个python多线程简单示例
  • 封装轮播图 (因为基于微博小程序,语法可能有些出入,如需使用需改标签)
  • [Day 77] 區塊鏈與人工智能的聯動應用:理論、技術與實踐
  • java往word中添加水印,往excel中添加图片
  • kafka 换盘重平衡副本 操作流程
  • Java面试——操作系统篇
  • 【PCB工艺】表面贴装技术中常见错误
  • 【高效管理集合】并查集的实现与应用
  • springboot3通过HttpRequest请求soap
  • 躺平成长:微信小程序运营日记第二天
  • C0005.Clion中移动ui文件到新目录后,报错问题的解决
  • 『功能项目』宠物的召唤跟随【79】
  • 有关Python时间戳的计算
  • OpenAI全新多模态内容审核模型上线:基于 GPT-4o,可检测文本和图像
  • lstm实践