文章目录
一、JavaScript 逻辑运算符1、逻辑运算符 概念2、逻辑与运算符 &&3、逻辑或运算符 ||4、逻辑非运算符 !5、完整代码示例
一、JavaScript 逻辑运算符
1、逻辑运算符 概念
JavaScript 中的 逻辑运算符 的作用是 对 布尔值 进行运算 , 运算完成 后 的 返回值 也是 布尔值 ;
逻辑运算符 的 使用场景 :
条件控制语句 , 控制程序分支 ;循环控制语句 , 控制程序循环 ;逻辑 运算符 列举 :
&& : 逻辑与运算 , 两个操作数都为 true , 最终结果才为 true ,只要有一个操作数是 false , 结果就是 false ; || : 逻辑或运算 , 两个操作数都为 false , 最终结果才为 false ,只要有一个操作数是 true , 结果就是 true ; ! : 逻辑非运算 ; 2、逻辑与运算符 &&
&& 逻辑与运算符 :
&& 逻辑与运算符 短路效果 :
自动类型转换 : 如果 参与 逻辑运算的 操作数 不是 布尔值 类型 , 逻辑运算符 会将其转换为布尔值 , 然后进行运算 ;
代码示例 :
// 1. 逻辑与运算符 && // 两个操作数都为 true , 运算结果才为 true console.log(true && true); // 只要有一个操作数为 false , 结果就是 false console.log(true && false); // 短路效果 console.log(false && true);3、逻辑或运算符 ||
|| 逻辑或运算符 :
|| 逻辑或运算符 短路效果 :
自动类型转换 : 如果 参与 逻辑运算的 操作数 不是 布尔值 类型 , 逻辑运算符 会将其转换为布尔值 , 然后进行运算 ;
代码示例 :
// 2. 逻辑或运算符 || // 两个操作数都为 false , 运算结果才为 false console.log(false || false); // 只要有一个操作数为 true , 结果就是 true console.log(false || true); // 短路效果 console.log(true || false);4、逻辑非运算符 !
逻辑非运算符 ! 用于 对 操作数 的布尔值 进行取反 ;
自动类型转换 : 如果 参与 逻辑运算的 操作数 不是 布尔值 类型 , 逻辑运算符 会将其转换为布尔值 , 然后进行运算 ;
5、完整代码示例
完整代码示例 :
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- 设置 meta 视口标签 --> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>JavaScript</title> <style></style> <script> // 逻辑运算符 // 1. 逻辑与运算符 && // 两个操作数都为 true , 运算结果才为 true console.log(true && true); // 只要有一个操作数为 false , 结果就是 false console.log(true && false); // 短路效果 console.log(false && true); // 2. 逻辑或运算符 || // 两个操作数都为 false , 运算结果才为 false console.log(false || false); // 只要有一个操作数为 true , 结果就是 true console.log(false || true); // 短路效果 console.log(true || false); // 3. 逻辑非运算符 ! console.log(!false); console.log(!true); </script></head><body></body></html>展示效果 :
