带你了解JavaScript运算符

78 阅读1分钟

这是我参与2022首次更文挑战的第3天,活动详情查看:2022第一次更文挑战

JavaScript运算符是日常开发中非常不起眼但是每天都在用的东西,接下来咱们就一起来深入了解下JavaScript运算符

自增和自减

有 ++ 和 --

++:代表自增,每次会在某个变量上+1,展开的意思就是A=A+1

--:代表自减,每次会在某个变量上-1,展开的意思就是A=A-1

算数运算符

比较简单,不过多赘述

+:左右两边相加

-:左边减去右边

*: 左右两边相乘

/:左边除以右边

%:取模运算符

关系运算符

比较运算符比较二个操作数并返回基于比较结果的布尔值。

in:用来判断某个最想是否拥有某个属性

instanceof:用来判断某个对象是否是另一个对象的实例

<:小于运算符,用来判断左边的值是否小于右边

'<' :大于运算符,用来判断右边的值是否小于左边

<=:小于运算符,用来判断左边的值是否小于且等于右边

'<=' :大于运算符,用来判断右边的值是否小于且等于左边

相等运算符

如果相等,计算结果为true,否则为false

==:相等运算符,不比较数据类型,只比较值

===:全等运算符,比较数据类型且比较值

!=:不等 运算符,不比较数据类型,只比较值

!==:非全等 运算符,比较数据类型且比较值

二元逻辑运算符

用于布尔值的 运算,返回布尔值

&&:运算符 左边与右边都成立的话返回true,否则返回false

||:运算符 左边成立或者右边成立返回true,否则返回false

||:空值合并运算符 如果 ?? 前面是 null 或 undefined,取后面的默认值

逗号操作符

,: 逗号操作符允许在一个判断状态中有多个表达式去进行运算并且最后返回最后一个表达式的值。

条件(三元)运算符

('某个条件表达式' ? 如果表达式成立则执行此位置 : 如果表达式不成立则执行此位置)

tips:三元运算符成立或者不成立的话还可以执行另一个三元运算符,有点if-else判断的意思,看下面的代码

let a = 1
let b = 2

let y = 3
let z = 4

let result = null

result = a === b ? (y === z ? 666 : 999) : 888

运行一下代码,将会打开你的新世界!