JS逻辑运算符

JS 评论

JS逻辑运算符

JS中为我们提供了三种逻辑运算符
! 非

- !可以用来对一个值进行非运算

- 所谓非运算就是值对一个布尔值进行取反操作，
true 变false，false变true
- 如果对一个值进行两次取反，它不会变化
- 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反
所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值
可以为一个任意数据类型取两次反，来将其转换为布尔值，
原理和Boolean()函数一样

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			//取反
			var a = true;
			a = !a;
			console.log("a:" + a);
		
			//不会变化
			var b = true;
			console.log("b:" + !!b);
			
			var c = 1;
			console.log("c:" + !!c);
		</script>
	</body>
</html>
&& 与

- &&可以对符号两侧的值进行与运算并返回结果
- 运算规则
- 两个值中只要有一个值为false就返回false，
只有两个值都为true时，才会返回true
- JS中的“与”属于短路的与，
如果第一个值为false，则不会看第二个值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			var a = true && true;
			console.log("a:" + a);//true
			
			a = true && false;
			console.log("a:" + a);//true
			
			a = true && alert("我出来了");
			a = false && alert("我不出来了");
			
		</script>
	</body>
</html>
|| 或

- ||可以对符号两侧的值进行或运算并返回结果
- 运算规则：
- 两个值中只要有一个true，就返回true
如果两个值都为false，才返回false
- JS中的“或”属于短路的或
如果第一个值为true，则不会检查第二个值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			var a = true || false;
			console.log("a:" + a);
			
			a = false || false;
			console.log("a:" + a);
			
			false || alert("我出来了");
			true || alert("我不出来");
			
		</script>
	</body>
</html>

YanChen

Personal profile