JavaScript第 9 篇,JavaScript运算符,JavaScript空值合并运算符,JavaScript常用运算符,使用详细(JS常用运算符,JS空值合并运算符)

本文介绍JavaScript中的空值合并运算符(??)、或运算符(||)及与运算符(&&)。重点讲解空值合并运算符的功能及用法,并对比与或运算符的区别,包括它们在代码中的实际应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

在JavaScript中,合并空值运算符(Nullish Coalescing Operator)是一个双问号 ?? 运算符。它用于检查一个表达式是否为null或undefined,如果表达式的值是null或undefined,那么它将返回右侧表达式的值。否则,它会返回左侧表达式的值。那么合并空值运算符和常用的运算符的具体怎么运用,这里来简单记录一下


一. 空值合并运算符

空值合并运算符,运算符为  ??。请看

        空值合并运算符就是两个问号,表示该属性是否是null和undefined,如果是就执行后续代码,如果不是就执行本身,返回第一个已定义的值(就是有就用自己的,没有就用后面的),识别false、0、空字符串时,表示有值,执行本身。

let name = null;
let res = name ?? "MrZhang";
console.log(res); // "MrZhang"
//或者这样
let res = undefined ?? "MrZhang";
console.log(res); // "MrZhang"

当值是false、0、""时,表示有值,执行本身,
只有当值是null和undefined时,才执行后续代码,返回第一个真值;
let name = false; 
let res = name ?? "MrZhang";
console.log(res); // false

null ?? 'hi' // 'hi'            2
undefined ?? 'hey' // 'hey'     2
false ?? 'hola' // false        1
0 ?? 'bonjour' // 0             1
"" ?? "hello" // ""             1
'first' ?? 'second' // first    1


二. 逻辑或

或运算符(或者叫逻辑或),运算符为  || 。请看

        或运算符比较常用,顾名思义,表示不是它就是另一个,返回第一个真值,识别false、0、空字符串,还有null和undefined时,表示没有值,输出其它真值。

//正常情况下,输出第一个真值;
let name = "MrLiu";
let res = name || "MrZhang";
console.log(res); //MrLiu 

//当值时false、0、"" ,还有null和undefined时,选择其它真值;
let name = 0;
let res = name || "MrZhang";
console.log(res); //MrZhang


三. 逻辑与

并且运算符(或者叫逻辑与),运算符为  &&。请看

        逻辑与 运算符也比较常用,表示并且,对符号两侧的值进行运算并返回结果,两个值中只要有一个值为false就返回false,只有两个值都为true时,才会返回true,如果第一个值为false,则不会看第二个值,如果两个都是true时,取后面的值

let name = "MrZhang";
let res = name && false ;
console.log(res); // false

let name = "MrLiu";
let res = name && "MrZhang" ;
console.log(res); // "MrZhang"


四. 优先级

&&  ||  ??  运算符优先级问题,请看

let firstName = null;
let lastName = undefined;
let username = (firstName || lastName) ?? "Guest";
console.log(username); // "Guest"

以上代码表示,JS无法决定首先执行哪个操作符,需要使用括号来明确告知表达式的优先级,所以 以上代码会首先执行括号内的表达式,最后输出Guest。


五. 本篇小结

  1. JavaScript 空值合并运算符,用双问号表示,这个运算符只会在左侧表达,是 null 或 undefined 时,返回右侧的表达式的真值;

  2. 空值合并运算符不同于或运算符,空值合并运算符会允许把0、false和空字符串识别为有效的数值;

  3. 在配合逻辑与 && 和逻辑或 || 使用时,先执行哪个,需加上括号,表明其优先级。

创作不易,感觉有用,就一键三连,感谢(●'◡'●)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北城笑笑

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值