TypeScript：如何简单检查对象属性是否可为空并用于条件判断？

针对你定义的UserDto接口，其中USER_ROLE是可选属性（带?标记，意味着属性可能不存在），同时可能存在值为undefined/null的情况，以下是几种在if条件中判断该属性是否“不为空”的常用方法：

1. 基础假值判断（快速排除无效值） #

如果你的场景中，USER_ROLE的空字符串、undefined、null都属于“为空”的范畴，可以直接用简单的真值判断：

const user: UserDto = { /* 你的用户数据 */ };

if (user.USER_ROLE) {
  // 当USER_ROLE存在，且不为undefined、null、空字符串时执行此处逻辑
}

注意：这种方式会把空字符串""视为“为空”，如果你的业务中空字符串属于有效取值，不适合用这种方法。

2. 精确排除undefined和null #

如果你需要区分“属性不存在/为undefined/null”和“属性存在但为空字符串”，可以用严格的相等判断：

if (user.USER_ROLE !== undefined && user.USER_ROLE !== null) {
  // USER_ROLE存在且不是undefined或null，即使是空字符串也会进入此分支
}

或者用更简洁的!= null（同时排除undefined和null）：

if (user.USER_ROLE != null) {
  // 效果和上面完全一致，写法更短
}

3. 处理用户对象本身可能为null/undefined的情况 #

如果user变量本身可能是null或undefined，可以结合可选链操作符（?.）来避免报错：

if (user?.USER_ROLE != null) {
  // 先安全访问user的USER_ROLE属性，再判断是否不为undefined/null
}

4. 严格排除空字符串和空白字符 #

如果需要进一步排除空字符串或纯空格的情况，可以叠加字符串判断：

if (user.USER_ROLE?.trim() !== "") {
  // USER_ROLE存在、非null/undefined，且去除首尾空格后不为空字符串
}

内容的提问来源于stack exchange，提问作者Berat