前端教程_手把手带你了解JavaScript运算符基础

运算符

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
//前置-- 是先做自减再做其他运算

3 比较运算符

运算符：> , < , >= , <=, == , !=, ===, !==

注意：越小先执行

• > , < , >= , <= 优先级是6
  

• == , !=, ===, !== 优先级是7

• ==：判断两边的数据中的值是否相等（不同数据类型时会转为相同数据类型转换18=='18' // true）

• ===：两遍的数据中的值，数据的类型是否相同（18==='18' // false）

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）

5 三元运算符：?:

可以把它理解为 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

【推荐学习：javascript高级教程】

以上就是手把手带你了解JavaScript运算符基础的详细内容，更多请关注zzsucai.com其它相关文章！