js 简写的判空方式

# 使用逻辑或运算符 ||
逻辑或运算符 || 可以用来在左侧的表达式为假(false, null, undefined, 0, NaN, '')时,返回右侧表达式的值。

let value = null;
let result = value || '默认值';
console.log(result); // 输出:默认值

# 使用 ES6 的可选链(Optional Chaining)操作符 ?.
可选链操作符允许读取位于连接对象链深处的属性值,即使中间某些属性不存在。这对于避免因中间属性不存在而导致的错误非常有用。

let obj = { nested: null };
let result = obj.nested?.value || '默认值'; // 注意:这里使用了逻辑或运算符来处理可能的null或undefined情况。
console.log(result); // 输出:默认值

# 使用 ES6 的解构赋值(适用于对象或数组)
对于对象或数组,可以使用解构赋值来简化判空赋值

let obj = { value: null };
let { value = '默认值' } = obj;
console.log(value); // 输出:默认值

posted @ 2025-04-13 23:02  lambertlt  阅读(21)  评论(0)    收藏  举报