目录
5.逻辑运算符
5.1逻辑运算符概述
概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值,后面开发中经常用于多个条件的判断。
逻辑运算符 | 说明 | 案例 |
&& | “逻辑与”简称“与” and | true && false |
|| | “逻辑或”简称 “或” or | true || false |
! | “逻辑非” 简称“非” not | !true |
5.2“逻辑与”运算符
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//1.逻辑与 && and 两侧都为true 结果才是true 只要有一测为false 结果就位false
console.log(3 > 5 && 3 > 2); //false
console.log(3 < 5 && 3 > 2);//true
//2.逻辑或 || or 两侧都为false 结果才是假 false 只要有一侧为true 结果就是true
console.log(3>5||3>2);//true
console.log(3>5||3<2);//false
//3.逻辑非 not
console.log(!true);//false
</script>
</body>
</html>
逻辑与 &&
两边都是true 才返回 true,否则返回false
逻辑或 ||
两边都为false 才返回false 否则都为true
逻辑非 !
逻辑非(!)也叫做取反符,用来取一个布尔值相反的值,如true的相反值是false
5.3短路运算(逻辑中断)
短路运算的原理:当有多个表达式(值)时,左边的表达式可以确定结果时,就不在继续运算右边的表达式的值.
逻辑与:
语法:表达式1 && 表达式2
如果第一个表达式的值为真,则返回表达式2
如果第一个表达式的值为假,则返回表达式1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//1.用我们的布尔值参与的逻辑运算 true && false ==false
//2.123 && 456 是值 或者hi表达式 参与逻辑运算?
//3.逻辑与短路运算 如果表达式1结果为真 则返回表达式2 如果表达式1 为假,name返回表达式1
//除了0,其余的数字都返回true
console.log(123 && 456);//456
console.log(0 && 456);//0
console.log(0 && 1 + 2 && 456 + 78900 );//0 第一个已经是 0 了 不管后面写什么都是 0
如果有空的或者否定的为假,其余的是真的 0 '' null undefined NaN
</script>
</body>
</html>
逻辑或:
//4.逻辑短路运算 如果 表达式1 结果为真 如果表达式1结果为假 则返回表达式2
console.log(123 || 456);//123
console.log(123 || 456 || 456 + 123);//123
console.log(0 || 456 || 456 + 123)//456
//逻辑运算很重要,他会影响我们的程序结果
var num = 0;
console.log(123 || num++); //123
console.log(num);//0
6.赋值运算符
概念:用来把数据赋值给变量的运算符。
赋值运算符 | 说明 | 案例 |
= | 直接赋值 | var name = ‘张三’ |
+= | 加、减一个数 后在赋值 | var age = 10; age+=15;//15 |
*=、/=、%= | 乘、除、取余 后在赋值 | var age = 2;age*=5;//10 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var num = 10;
//num =num +2 //num +=2
num += 2;
console.log(num)//12
var age = 2;
age *= 4;
console.log(age);//8
</script>
</body>
</html>
7.运算符优先级
优先级 | 运算符 | 顺序 |
1 | 小括号 | () |
2 | 一元运算符 | ++ -- ! |
3 | 算数运算符 | 先* / 后 + - |
4 | 关系运算符 | > < >= <= |
5 | 相等运算符 | == != === !== |
6 | 逻辑运算符 | 先 && 后 || |
7 | 赋值运算符 | = |
8 | 逗号运算符 | , |