用js代码了解位逻辑运算符和逻辑运算符的区别
一:
逻辑运算符
1:逻辑与 &&
2: 逻辑或 ||
3:逻辑非
!
从字面意思上就可以看出来逻辑运算符用于进行逻辑运算的,他的返回值只有true和false,接下来了解一下逻辑运算符的特点;
1: 逻辑与&&
(表达式1 && 表达式2) 表达式1和表达式2必须全部返回true才可以整体返回true;
if (5 > 3 && 2 > 0){
console.log("正确!");
}//输出正确!123
做一个实验看看赋值运算返回的是true还是false:
var flag = false;
if (flag = true) {
console.log("赋值成功返回true!");
}//输出
赋值成功返回true!
console.log(flag);//输出 true12345
进行短路实验:
var flag = false;
if (3 >
5 && (flag = true)) {
console.log("执行成功!");
}
console.log(flag);//输出false12345
最后输出的结果为false,所以在if判断条件中flag
= true是没有进行运算的;
在if判断条件中3>5为false,注意逻辑与&&有短路的特点,只要表达式1为false他就不再判断后边的表达式!高效性!
2:逻辑或
||
(表达式1 || 表达式2) 表达式1和2中只要有一个是true那么它的整体就是true;
直接说明短路功能:
var flag = false;
if (3 <
5 || (flag = true)) {
console.log("执行成功!");
}
console.log(flag);//输出
false12345
实验结果表明逻辑或之后的赋值运算符并没有经过,所以无法执行运算操作;因此得出:逻辑或也有短路功能,只要表达式1返回true那么表达式2就不会进行判断,整体就会直接返回true;
3:逻辑非 !
(表达式1 != 表达式2) 逻辑非一般配合等号进行判断,表示不等于。
if ( 3 != 5) {
console.log("不等于!");
}//输出不等于
二:位运算符
1:按位与 &
2:按位或 |
3:按位非 ~
4:按位异或 ^
首先通过一个例子看一下他能否进行逻辑运算,并且他和逻辑运算符的区别;
var flag = false;
if (3 <
5 | (flag = true)) {
console.log("执行成功!");
}//输出执行成功!
console.log(flag);//输出true12345
从上边的代码可以看出使用按位或进行逻辑判断是没有短路功能的,所以他在效率上是低于逻辑运算符的;按位运算符可以用于逻辑运算,但是他的效率是低于逻辑运算符的,毕竟术业有专攻
接下来看一看按位运算符的主业!:
解释:按位运算符是将表达式转换成01010计算机底层语言进行操作,所以相对来说更快一些;在百度百科中:在一些老式处理器上位运算的速度是明显快于加减乘除运算符的;而在新式的处理器中位运算的速度和加减速度大致相同,但是仍然快于乘除运算符;所以使用位运算符可以快速的完成运算操作;
1:按位与 &
console.log(13 & 4);//输出41
按位与,将表达式两端的数字转换成相同位数的二进制字符,对相同位进行比较,如果全部为1,则返回1,否则返回0;
13: 1101
4 : 0100
使用按位与&返回值是 0100===4
2:按位或 |
console.log(13 | 4);//输出131
按位或
,将表达式两端的数字转换成相同位数的二进制字符,对相同的位进行比较,如果有1个为1则返回1,否则返回0;
13: 1101
4 : 0100
使用按位或 | 返回值是 1101===13
3:按位非 ~
执行按位非的结果就是返回数值的反码。其本质是操作数的负值减1
在二进制数中最左侧的那一位代表的是正负号;
4:按位异或 ^
console.log(13 ^ 4);//输出91
按位异或,将表达式两端的数字转换成二进制字符,将相同位数的字符进行比较。相同返回0,不同返回1;
13: 1101
4 : 0100
使用按位异或 ^ 返回值是 1001=== 9
查询异或运算的简便运算的口诀:
1:任何数异或0都是他本身;
2:任何数 异或 他本身都是0;
但是发现了一个规律,就拿此例子来说:
13 ^ 4 = 9
9 ^ 13 = 4
9 ^ 4 = 13