HTML与css|JavaScript基础--超详细(运算符)

JavaScript基础--超详细(概念-变量)_m0_48651355的博客-CSDN博客
2.1运算符 2.1.1 算数运算符

  • 概念:就是进行加减乘除,取余计算的运算符
  • 运算符:+,-,*,/,%(取余数的运算)
注意:在进行算术运算的时候,浮点数(小数)运算可能会产生精度问题
2.1.2 递增、递减运算符
运算符:++、--(a++、a--、++a、--a)
//前置递增运算符 var num = 1; ++num //或者num++ console.log(num)//结果为2//++num 相当于是 num = num + 1 //前置++ 是先做自增再做其他运算//前置递减运算符 var num = 1; --num //或者num-- console.log(num)//结果为0//--num 相当于是 num = num - 1 //前置-- 是先做自减再做其他运算

2.1.3 比较运算符
运算符:>,<,>=, <=,== ,!=,===,!==
注意:越小先执行
  • >,<,>=, <=优先级是6
  • == ,!=,===,!==优先级是7
  • ==:判断两边的数据中的值是否相等(不同数据类型时会转为相同数据类型转换18=='18' // true)
  • ===:两遍的数据中的值,数据的类型是否相同(18==='18' // false)
2.1.4 逻辑运算符
逻辑与(&&):
  • 如果使用的是 && 符号,表示只有当两个条件都成立(true) 的情况,整个表达式的结果才是真,只要有一个条件为false,表达式的结果就是假
逻辑与的中断:
  • 因为与运算是要所有条件都成立,最终与运算结果才为true,如果有一个条件不成立,与运算的结果就是假
    var age = 18 var num ; age>18 && (num = 998); //因为 age>18没有成立,逻辑与就已经得到结果为假 //所以当逻辑与计算完毕之后,后面的num=998就不会再运行了

逻辑或(||):
  • 只要有一个条件成立,表达式的结果就为真,只有所有条件都不成立的情况下,表达式的结果才为假。
逻辑或的中断:
var age = 18; var num; age == 18 || (num = 998); //因为 age==18成立,逻辑或就已经得到结果为真 //所以当逻辑或计算完毕之后,后面的num=998就不会再运行了

逻辑非(!):取反真为假,假为真
var a = 5; !(a > 1)//a等于5,所以大于1为真(true),因为取反,所以这个表达式为假(false)

三元运算符:?:
可以把它理解为 if双分支的简化写法
语法结构:
表达式1 ? 表达式2 : 表达式3
当表达式1成立的时候,就会执行表达式2
当表达式1不成立的时候,就会执行表达式3
var a,b=2,c=3; a=b>2?b:c; //运行结果是a为3,b大于2为真就返回b给a,为假返回c给a,因为b不大于2,所以返回c给a

【HTML与css|JavaScript基础--超详细(运算符)】

    推荐阅读