为何空数组会通过if(array !== [])判断？JavaScript问题求助

嘿，太懂你这种明明逻辑看似没问题，但结果就是不对的挫败感了！你遇到的这个坑，其实是JavaScript里引用类型比较的典型问题，咱们一步步拆解：

为什么array !== []永远为true？ #

在JavaScript里，数组属于引用类型——每次你写[]的时候，都是在内存里创建一个全新的数组对象。哪怕两个数组看起来内容完全一样（都是空的），它们指向的内存地址也不一样。而!==这种严格相等判断，比较的是两个值的引用地址，不是内容。所以不管你的array是不是空数组，array !== []的结果永远是true，这就导致你的条件判断完全失效了。

你尝试的array.length > 0其实是正确方向！ #

你用长度判断的思路是对的，可能只是需要再确认几个细节：

• 确保你拿到的array确实是状态里的那个数组：比如在类组件里要写this.state.array，函数组件里要确保你正确获取了useState返回的变量，别不小心用了未定义的array变量。
• 直接用长度判断空数组的几种可靠方式：
  • 最直观易读的：if (array.length === 0)——当数组为空时返回true，正好满足你“不让空数组触发操作”的需求
  • 更严谨的（如果怕array可能不是数组）：if (Array.isArray(array) && array.length === 0)
  • 简洁写法（可读性稍弱）：if (!array.length)——因为空数组的length是0，在布尔语境下0是false，取反后就是true

修正后的示例代码 #

比如你的类组件代码可以改成这样：

state = { array: [] };

// 当数组不为空时执行操作
if (this.state.array.length > 0) {
  // 你的操作逻辑
}

如果是函数组件：

const [array, setArray] = useState([]);

if (array.length > 0) {
  // 你的操作逻辑
}

这样就能精准判断数组是否为空，不会再出现空数组误触发操作的情况啦！

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