首页 > 编程语言 >JavaScript逻辑运算符:与(&&)和或(||)

JavaScript逻辑运算符:与(&&)和或(||)

时间:2023-02-01 22:35:47浏览次数:105  
标签:操作数 false 运算 JavaScript alert 运算符 && true

前置知识:
javascript的逻辑运算中,0""nullundefinedNaN都会判定为false,其它都为true

或 ||

用于判断

运算的操作数可以是任意类型的值。操作数是布尔值时,除了两个操作数都是 false 的情况,结果都是 true

alert( true || true );   // true
alert( false || true );  // true
alert( true || false );  // true
alert( false || false ); // false

操作数不是布尔值时,会被转化为布尔值来参与运算:

if (1 || 0) { // 相当于 if( true || false )
  alert( 'truthy!' );
}
let hour = 12;
let isWeekend = true;

if (hour < 10 || hour > 18 || isWeekend) {
  alert( 'The office is closed.' ); // 是周末
}

用于赋值

一个或运算 || 的链,将返回第一个真值,如果不存在真值,就返回该链的最后一个值

let firstName = "";
let lastName = "";
let nickName = "SuperCoder";

alert( firstName || lastName || nickName || "Anonymous"); // SuperCoder

与 &&

用于判断

alert( true && true );   // true
alert( false && true );  // false
alert( true && false );  // false
alert( false && false ); // false

用于赋值

一个与运算 && 的链,将返回第一个假值,如果不存在假值,就返回该链的最后一个值

alert( 1 && 0 ); // 0
alert( 1 && 5 ); // 5
alert( null && 5 ); // null
alert( 1 && 2 && null && 3 ); // null
alert( 1 && 2 && 3 ); // 3

|| 和 && 的短路求值

作为这两个操作符的一个重要特性,短路求值,是指它们进行求值时,只要最终的结果已经可以确定是真或假,求值过程便告终止:

nickName = nickName || firstName;

上式中,||先计算第一个运算数,如果可以被转换成true,也就是表示nickName已经存在有值,那么返回左边这个表达式的值,不会再计算第二个运算数firstName
如果操作数是一个表达式,例如变量赋值或函数调用,那么这一特性就变得显而易见了:

true || alert("not printed"); // 不运行alert
false || alert("printed"); // 运行alert
alert( alert(1) || 2 || alert(3) ); // 先显示1,后显示2

最后一个表达式中,第一个或运算 || 对它的左值 alert(1) 进行了计算。因此会显示 1。同时对 alert 的调用没有返回值,或者说返回的是 undefined,因此第一个或运算 ||继续检查第二个操作数以寻找真值,第二个操作数 2 是真值,所以执行就中断了。运算不会抵达 alert(3)

下面这行看着有些奇怪的语句实际上也是利用了短路求值的特性:

let x = 1;
(x > 0) && alert( 'Greater than zero!' ); 

第二行语句与if (x > 0) alert( 'Greater than zero!' );是一个意思,但相比于if语句,程序的可读性更差,所以最好别这样过度使用,如果我们想要 if,就使用 if;如果我们想要逻辑与,就使用 &&

总结

  • 或运算||返回第一个真值,如果没有真值就返回最后一个值
  • 与运算&&返回第一个假值,如果没有假值就返回最后一个值

思考

if (-1 || 0) alert( 'first' );
if (-1 && 0) alert( 'second' );
if (null || -1 && 1) alert( 'third' );

标签:操作数,false,运算,JavaScript,alert,运算符,&&,true
From: https://www.cnblogs.com/jiangyile/p/17084316.html

相关文章

  • 在 JavaScript 中编写Go式错误处理的async/await
    ES7引入​​async/await​​​允许开发人员编写看起来像同步的异步JavaScript代码。在当前的JavaScript版本中,还可以使用​​Promises​​,这些功能都是为了简化异步......
  • 23三元运算符
    packagechapter02;publicclassJava04_Operator04{publicstaticvoidmain(String[]args){//TODO运算符-三元运算符//三元运算符指三个元......
  • 1.1 JavaScript简介
    1.1.1JavaScript的基本概念JavaScript是一种解释性语言,也是一种基于对象(Object)和事件驱动(EventDriven)的、并具有安全性能的脚本语言。特点【1.JavaScript主要用来向......
  • 22逻辑运算符
    packagechapter02;publicclassJava04_Operator03{publicstaticvoidmain(String[]args){//TODO运算符-逻辑运算符//逻辑运算符指描述多......
  • 20赋值运算符
    packagechapter02;publicclassJava04_Operator01{publicstaticvoidmain(String[]args){//TODO运算符-赋值运算符//等号就是赋值运算符......
  • JavaScript 数组去重
    JavaScript中有多种方法可以实现数组去重,下面是几种常用的方法:1、使用Set去重:Set数据结构中不能有重复元素,可以将数组转成Set类型,再转回数组。letarr=[1,2,3,4......
  • C# DataTable中Compute方法用法集锦(数值/字符串/运算符/表等操作)
    DataTabledt=newDataTable();//嵌套的三元运算牛叉到五体投地objectobj=dt.Compute("iif(1000=5,1000,iif(100>100,4001,2000))",null);Response.Write(obj);......
  • JavaScript之异步编程
    什么是异步异步:Asynchronous,async是与同步synchronous,sync相对的概念。传统单线程编程中,程序的运行是同步的,指程序运行在一个控制流之中运行。而异步的概念就是不保证同......
  • JavaScript闭包的概念
    什么是闭包?闭包有什么作用,缺点是什么?闭包的概念:JavaScript中函数会产生闭包(closure)。闭包是函数本身和该函数声明时所处的环境状态的组合;函数能够“记忆住”其定义......
  • EL获取域中存储的值List集合&Map集合值和EL_empty运算符&隐士对象pageContext
    EL_获取域中存储的值List集合&Map集合值List集合:${域名称.键名[索引]}<%Useruser=newUser();user.setName("张三");user.setAge(23);......