js非空判断

在JavaScript中，非空判断通常指的是检查一个变量是否具有有效值，而不是null、undefined、空字符串''、0、false或NaN。以下是一些基础概念和相关方法：

基础概念

• null：表示一个空对象指针。
• undefined：表示未初始化的变量或缺失的属性。
• 空字符串''：表示长度为0的字符串。
• 0：表示数值零。
• false：布尔值假。
• NaN：表示不是一个数字。

非空判断的优势

• 提高代码健壮性：避免因未预期的空值导致的运行时错误。
• 优化用户体验：及时处理可能的空值情况，提供更友好的提示。

类型判断方法

1. 使用typeof操作符：
2. 使用typeof操作符：
3. 使用逻辑与操作符&&：
4. 使用逻辑与操作符&&：
5. 使用Object.prototype.hasOwnProperty.call()：
6. 使用Object.prototype.hasOwnProperty.call()：
7. 使用Array.prototype.length：
8. 使用Array.prototype.length：

应用场景

• 表单验证：确保用户输入不为空。
• API响应处理：检查从服务器获取的数据是否有效。
• DOM操作：在操作元素前确认其存在。

常见问题及解决方法

问题：为什么会出现undefined或null？

• 原因：变量未声明、函数返回值未定义、对象属性不存在等。
• 解决方法：使用上述方法进行严格检查。

示例代码：

function safeAccess(obj, key) {
    return obj && obj.hasOwnProperty(key) ? obj[key] : undefined;
}

let user = { name: 'Alice' };
console.log(safeAccess(user, 'name')); // 输出: Alice
console.log(safeAccess(user, 'age'));  // 输出: undefined

通过这些方法和技巧，可以有效地进行JavaScript中的非空判断，从而提高代码的可靠性和稳定性。