JavaScript运算符及优先级

合集 - web前端(29)

1.1-web前端 基础标签 、图片、超链接2023-09-192.2-web前端 音频、视频、表格、表单2023-09-193.3-web前端 css 网页样式语言，基础语言、盒子模型、浮动2023-09-194.5-web前端 定位position2023-09-195.6-web前端的特效 平面转换transfrom2023-09-196.7-web前端 空间转换，3D效果2023-09-197.8-web前端 动画 案例2023-09-198.9-web前端 flex弹性布局2023-09-199.10-JavaScript 点击事件 随机点名器2023-09-2010.11-JavaScript 逻辑条件 ，if判断 ，while循环，算数运算相关的案例演示2023-09-2311.12-web前端轮播图案例 （小米商城）2023-09-2712.css字体样式2023-10-0813.css样式对单行和多行文本的隐藏2023-10-1014.css伪类和伪元素2023-10-1215.web前端html+css页面内容的六种隐藏方式2023-10-1616.JavaScript的基础语法和数据类型2023-10-2617.JavaScript 数组Array存储方式及对象Object2023-10-2718.JavaScript数据类型的转换2023-10-30

19.JavaScript运算符及优先级2023-10-31

20.JavaScript条件判断if 语句2023-11-0121.JavaScript for循环控制语句2023-11-0222.JavaScript 其他循环语句和跳转语句2023-11-0323.JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析2023-11-0424.JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例2023-11-0425.JavaScript Array对象（属性、方法） 留言板案例2023-11-0426.JavaScript string对象（属性，方法）获取图片后缀案例 输入和输出结果转换形式案例2023-11-0727.JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历2023-11-1328.JavaScript事件 2023-11-1829.JavaScript BOM对象2023-11-18

收起

一、算数运算符

算术运算符（+，-， *，/，%【重要】，++【重要】，--）

其中 + 的左边和右边有 " ", 表示拼接

i++，表示先赋值后+1     ++i ，表示先+1后赋值  同理减法也是如此

算数运算中，+ 可以进行隐式迭代，将字符串数字转化为Number类型

alert(typeof(+'5'))  // number

二、比较算数运算符

比较运算符（>,<,>=,<=,,==,===，!=不等于,!==不全等于）

专门用作判断，返回值结果为boolean，比较算数运算符结果是Boolean类型

其中 ==是等于  ===是全等于 ； 两者之间的区别是 == 可以类型不同值相同，=== 全等于 ，数据类型相同值相同

三、赋值运算符

赋值运算符（=【掌握】，+=【掌握】，-=， *=，/=，%=）

var i=10;
i+=1 // i=i+1 效果一样  i++

使用场合：累加求和，字符串拼接、

三、逻辑运算符

逻辑运算符（！，&&，||）【两边均为表达式】

逻辑运算符用于测定变量或值之间的逻辑

|| 存在断点问题（短路问题），第一个式子成立，不在执行第二个式子；如果第一个式子不成立，执行第二个登式(真假为真，假假为假，真真为真)

逻辑或，一边为真即为真，两边为假则为假

 

&& 式子两边同时成立，执行的是if（true），只要有一个不成立。或两个都不成立执行false

逻辑与，一边为假即为假， 两边为真即为真

逻辑非，取反，为假结果为真，为真结果为假

逻辑与和或的运算方法：

||运算方法[真前假后]：

只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。
​
只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。

&&运算方法[假前真后]：

  只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;
  
  只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;

四、条件运算符(三元运算)

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

如果条件表达式结果为true则返回结果1

如果条件表达式结果为false则返回结果2

var m=100>99?66:33
alert(m)

则结果为：66

五、算数优先级

小括号>算术运算符>比较运算符（关系运算符）>逻辑运算符>赋值运算符