Vue3判断变量和对象不为null和undefined

---

一、判断变量

在 Vue 3 中，你可以使用 JavaScript 提供的常规方式来检查变量是否不为 null 和不为 undefined。你可以分别使用严格不等运算符 !== 来比较变量是否不为 null 和不为 undefined。以下是一个示例：

// 假设有一个变量
let variable = 'some value';

// 检查变量是否不为 null 和不为 undefined
if (variable !== null && variable !== undefined) {
  console.log('变量不为 null 且不为 undefined');
} else {
  console.log('变量为 null 或 undefined');
}

在这个示例中，如果 variable 不为 null 且不为 undefined，则打印 “变量不为 null 且不为 undefined”；否则打印 “变量为 null 或 undefined”。

如果你需要同时检查变量是否既不为 null 也不为 undefined，可以使用 != null 来简化判断：

if (variable != null) {
  console.log('变量不为 null 且不为 undefined');
} else {
  console.log('变量为 null 或 undefined');
}

这样做可以同时检查变量是否不为 null 和不为 undefined，因为 != null 表示既不为 null 也不为 undefined。

二、判断对象

在 Vue 3 中，你可以使用常规的 JavaScript 方法来检查对象是否不为 null 和 undefined。以下是一些常见的方法：

1. 使用逻辑非运算符 !：

if (myObject !== null && myObject !== undefined) {
  // 对象不为 null 或 undefined
}

2. 使用严格相等运算符 !==：

if (myObject !== null && myObject !== undefined) {
  // 对象不为 null 或 undefined
}

3. 使用 typeof 操作符：

if (typeof myObject !== 'undefined' && myObject !== null) {
  // 对象不为 null 或 undefined
}

4. 使用可选链操作符（如果对象可能为 null 或 undefined 时）：

if (myObject?.someProperty !== null) {
  // 对象不为 null 或 undefined
}

这些方法都可以用来检查对象是否不为 null 和 undefined。选择其中的任何一种方法都取决于你的偏好和代码的上下文。