JavaScript 中判断空数组怎么实现-js教程-PHP中文网

判断空数组最直接且可靠的方法是检查其 length 属性是否等于零，即使用 arr.length === 0。这种方法不仅性能最高，而且能准确区分空数组与 null、undefined 或普通对象。在实际开发中，建议结合类型检查（如 array.isarray()）来确保变量确实是数组，从而避免潜在的运行时错误。

JavaScript 中判断空数组怎么实现

如何安全地处理可能为 null 或 undefined 的数组变量

当变量来源不确定时，直接访问 length 会抛出异常。此时应优先使用可选链操作符 ?. 进行防御性编程，例如 arr?.length === 0。该写法在 arr 为 null 或 undefined 时返回 undefined，进而通过严格相等判断 === 0 得到 false，既保证了安全性，又维持了逻辑的一致性。

JavaScript 中判断空数组怎么实现

javascript-typescript-typescript-scaffold

你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型

下载

const checkSafe = (arr) => {
  // 使用可选链防止空指针异常
  const isEmpty = arr?.length === 0;
  console.log('Is Empty:', isEmpty);
};

checkSafe([]);       // Is Empty: true
checkSafe(null);     // Is Empty: false
checkSafe(undefined); // Is Empty: false
checkSafe({});       // Is Empty: false

为什么不建议使用 JSON.stringify 或 Boolean 转换来判断

虽然 JSON.stringify(arr).length === 2 或 !arr.length 在某些场景下看似可行，但它们存在明显的缺陷。前者涉及序列化开销，性能较差，且无法处理包含函数的数组；后者利用布尔隐式转换，会将长度为 0 的数组视为 false，但同时也将 null 和 undefined 视为 false，导致无法区分“空数组”与“未定义变量”。因此，显式的 length === 0 配合类型检查是最佳实践。

JavaScript 中判断空数组怎么实现

const checkLegacy = (arr) => {
  // 不推荐：依赖隐式转换，语义模糊
  const isFalsy = !arr.length;
  
  // 不推荐：性能差，且无法处理非纯数据数组
  const isJsonEmpty = JSON.stringify(arr) === '[]';
  
  console.log('Falsy Check:', isFalsy);
  console.log('JSON Check:', isJsonEmpty);
};

checkLegacy([]);       // Falsy: true, JSON: true
checkLegacy(null);     // Falsy: true (错误!), JSON: Error
checkLegacy([0]);      // Falsy: false, JSON: false