当前位置: 首页 > article >正文

js-前端判空处理(条件判空,逻辑运算符,三元判断,空值合并运算符(??),可选链,正则表达式,自定义函数)

1.条件判空

使用条件语句判断变量是否为空

if (variable === null || variable === undefined || variable === '') {
    // 处理空值
}

2.逻辑运算符

逻辑运算符简化判空,!会将null undefined,空字符串,0,NaN和false转换为true

if (!variable) {
    // 处理空值
}

3.三元运算符进行简单的条件赋值

let result = variable ? variable : '默认值';

4.空值合并运算符(??)

ES2020引入空值合并运算符??,用于处理null和undefined

let result = variable ?? '默认值';

5.Optional Chaining(可选链)

安全访问对象属性,避免属性不存在而抛出错误

let value = obj?.prop?.subProp;

6.正则表达式

进行字符串的匹配和验证

if (!/^\s*$/.test(variable)) {
    // 处理非空字符串
}

7.自定义函数封装判空逻辑

function isEmpty(value) {
    return value === null || value === undefined || value === '';
}

http://www.kler.cn/a/512705.html

相关文章:

  • 【NLP基础】Word2Vec 中 CBOW 指什么?
  • (10)深入浅出智能合约OpenZeppelin开源框架
  • ConvBERT:通过基于跨度的动态卷积改进BERT
  • 在离线无管理员权限的情况下为Linux配置oh-my-zsh(zsh+oh my zsh+powerlevel10k)
  • C 语言雏启:擘画代码乾坤,谛观编程奥宇之初瞰
  • GIFT ICA 下载记录
  • 【16届蓝桥杯寒假刷题营】第1期DAY5
  • HDFS Disk Balancer 介绍使用
  • 无人机+无人车+无人船+机器狼:无人装备技术优势详解
  • C# 多线程 安全数据结构
  • 【Java-图片存储方案】
  • RM500U-CN模组
  • Vue2+OpenLayers添加缩放、滑块缩放、拾取坐标、鹰眼、全屏控件(提供Gitee源码)
  • 从密码学原理与应用新方向到移动身份认证与实践
  • 【三国游戏——贪心、排序】
  • 国自然面上项目|基于组合机器学习算法的病理性近视眼底多模态影像资料自动化定量分析研究|基金申请·25-01-18
  • 04、Redis从入门到放弃 之 数据持久化RDB和AOF
  • 相机成像及参数原理入门
  • python转转商超书籍信息爬虫
  • B站评论系统的多级存储架构
  • STM32补充——FLASH
  • Qt之文件系统操作和读写
  • 基于海思soc的智能产品开发(视频的后续开发)
  • 什么宠物最好养?
  • PhyCAGE:符合物理规律的图像到 3D 生成
  • 思维的进化:从链式推理到元链式推理的算法探秘