在前端开发中，判断一个 数组是否为空 是一个常见的逻辑分支。本文将围绕三个常用的写法及其在不同场景下的注意事项展开，帮助你在实际项目中快速而准确地进行判断。
一、直接判断长度并结合类型保护
核心思路
在 JavaScript 中，判断数组是否为空通常依赖于 length 属性。为了避免把非数组误判为空，需要先进行 类型判断，确保待检测的确是数组。
该写法的关键在于将两步结合：数组类型检查与 长度是否为 0。这样可以在同时满足两种条件的情况下识别“真正的空数组”。
// 方法一：最常用的写法，适合已知变量是数组的场景
if (Array.isArray(arr) && arr.length === 0) {
// 数组为空
}
使用这种写法的优点在于准确性高，不会把非数组的对象误判为“空数组”；同时，时间复杂度为 O(1)，在热路径中表现良好。缺点是需要额外的 类型判断，稍微增加了一点代码量。
在实际业务中，可以把这段逻辑作为一个清晰的判断条件写在需要的分支处，确保代码可读性与可维护性均比较好。
二、使用逻辑短路的容错判断
核心思路
当传入的值可能是 null、undefined，或者来自不确定的外部输入时，使用短路逻辑可以增强容错性。
通过组合空值判断与数组长度判断，可以在一定程度上兼容更多输入场景，同时避免在 arr 为 null/undefined 时访问 length 导致的运行时错误。
// 方法二：利用短路判断来处理空值与长度
if (!arr || (Array.isArray(arr) && arr.length === 0)) {
// 数组为空或未定义
}
该写法的优点是对空值的容错性更强，不会因为访问 length 而抛错；但需要注意的是，对于非数组但具有 length 属性的对象，可能会产生误判，因此应确保场景中传入值的类型具有明确的约束。
如果需要提升复用性，可以把判断封装成一个工具函数，以便在不同模块中统一使用，提升代码的可维护性。
function isEmptyArray(input) {
return Array.isArray(input) && input.length === 0;
}
三、跨上下文的判断：instanceof 的写法
核心思路
在某些多执行上下文（如跨 iframe）的场景下，Array.isArray 和 instanceof Array 的行为可能略有差异。因此，使用 instanceof 对当前上下文的数组进行判断，也是一种可选写法。
具体写法如下，只有在确认为 Array 实例时才继续对长度进行判断，避免对非数组对象产生误判。
// 方法三：使用 instanceof 来判断
if (arr instanceof Array && arr.length === 0) {
// 空数组
}
需要注意的是，在跨执行上下文的场景中，instanceof 的判断可能不如 Array.isArray 稳健，这一点在跨域数据处理时尤为重要。因此，实际使用时应结合上下文环境选择合适的判断方式。若对跨域数据的健壮性要求较高，优先考虑第一种方法。
此外，若你必须使用 instanceof，请确保对数据来源和执行上下文有明确的边界认知，以减少潜在的判断误差。
注意事项
边界情况与误区
在实际编码中，常见的误区是直接使用 arr.length 而不做类型判断，导致在 null 或 undefined 时抛错。此外，某些对象也可能具备 length 属性，这可能让判断产生误判。因此，优先使用 Array.isArray 进行类型判断是更稳妥的做法。
// 常见误区：直接使用 arr.length 可能在 arr 为 null/undefined 时抛错
// 应避免未做类型检测的写法
if (arr.length === 0) {
// ...
}
为了提升健壮性，可以把“是否为空”的判断抽象为工具函数，并对参数进行严格限定：这有助于在团队中实现一致的行为。
性能与可维护性
三种写法在性能上都保持常量时间复杂度，关键在于代码的可读性与健壮性。在团队协作中，尽量选用可读性高且语义明确的写法，如 Array.isArray(arr) && arr.length === 0，并在必要时将该逻辑封装到工具库中，便于复用与测试。