史上最详细JavaScript的运算符解析(一)
今天,我们来讲一下JavaScript的运算符这一部分知识点。说到运算符,其实我们在上学期间已经接触到过不少,比如说+ - × ÷,=,还有大小的比较等等。但是今天我们要讲的JavaScript的运算符不仅仅这些。在JavaScript中,运算符可以分为四大类:
赋值运算符
算数运算符
比较运算符
逻辑运算符
1.赋值运算符
赋值运算符只有一个,那就是 = 。最常见的是给变量赋值。
vara=10; varb=20;
2.算术运算符
算术运算符主要包含我们最常见的 + - × ÷ ,当然还有一个 % ,取模,也就是数学里边的取余。
console.log(a+b);//30console.log(a-b);//-10console.log(a*b);//200console.log(a/b);//0.5console.log(a%b);//10 相当于是 10/20=0···10 余数为10
3.比较运算符
比较运算符主要我们最常见的 > < >= <= ,除此之外还有 == ,!= , === , !== ,当然比较运算符主要是用来做判断的条件。
console.log(a>b);//falseconsole.log(10<5);//falseconsole.log(a>=b);//falseconsole.log(a<=b);//true
接下来主要说一下 == , != , === , !==
varnum=10; varnum2=20; varstr="10"; console.log(a==b);//false == 判断 符号两边的 值 是否相等console.log(num==str);//true console.log(a!=b);//true console.log(num===str);//fasle 绝对等于 符号两边的值和数据类型都相同console.log(num!==num2);//true 不绝对等于 符号两边的值 或 数据类型不相同console.log(num!==str);//trueconsole.log(num2!==str);//true
总结一下比较运算符,= 为赋值,== 为比较,比较 == 符号两边的值是否相等,同 时== 和!= 为相互取反,即!=表示符号两边的值不相等时返回true。===为绝对等于,即判断符号两边的值和数据同时相同才会返回true,!==与 ===相互取反,即不绝对等于,只有当符号左右两边的值和数据都想同时才会返回false,其他情况都返回true。
4.逻辑运算符
最后我们再来说一下逻辑运算符,说到逻辑运算符,即高中物理课本所学到的与或非,在JavaScript中用 && || !来表示。
console.log(a>5&&b>20&&num>10);//false 所有条件都成立时返回trueconsole.log(a>5||b>20);//true 条件之一成立返回trueconsole.log(!(a>5&&b>20&&num>10));//true console.log(!(a>5||b>20));//falseconsole.log(!(!true));
此处主要强调一下 !,这里的!主要是表达取反的意思,即当判断为true时,前面加上!则变为false。
视频讲解链接: