vue3代码解读：if(res && res?.data?.data ＜ 0) { return [] }

if(res && res?.data?.data < 0) {
    return []
}

这代码片段是一个条件语句，它检查一个名为 res 的对象的嵌套属性 data.data 是否存在，并且小于 0。如果条件为真（即 res 不是 null 或 undefined，res.data 存在，res.data.data 也存在且小于 0），函数将返回一个空数组 []。

这里使用了可选链操作符（?.），它允许你安全地访问嵌套的对象属性而不用担心因为访问了未定义的属性而导致的错误。

下面是这段代码的详细解释：

• if(res && ...)：这个条件首先检查 res 是否存在且为真值（即不是 null 或 undefined）。

• res?.data?.data < 0：然后检查 res.data.data 是否小于 0。如果 res、res.data 或 res.data.data 中的任何一个是 null 或 undefined，res?.data?.data 将返回 undefined，而 undefined < 0 的结果是 false。

• return []：如果上述条件为真，函数将返回一个空数组。

 如果你的目标是当 res?.data?.data 为 null、undefined 或小于 0 时都返回空数组，您可以使用逻辑或操作符来简化条件：

if (res && (res.data?.data < 0 || res.data?.data === null || res.data?.data === undefined)) {
  return [];
}

这段代码中：

• res.data?.data < 0 || res.data?.data === null || res.data?.data === undefined：这个条件现在检查 res.data.data 是否小于 0，或者是否为 null 或 undefined。
• 如果 res.data.data 小于 0，或者它是 null 或 undefined，整个条件表达式将为真，函数将返回空数组 []。

请注意，如果 res 是 null 或 undefined，那么 res.data 将抛出错误，因为你不能访问 null 或 undefined 的属性。这就是为什么我们首先检查 res 是否存在且为真值。