JavaScript过滤数组空值应显式剔除null、undefined、''和NaN，保留0和false等合法值；可选Boolean()过滤所有falsy值但需谨慎；对象数组需校验存在性及字段有效性；推荐封装支持配置的filterEmpty函数。
JavaScript 中过滤数组的空值和无效元素，关键在于明确“空值”和“无效元素”的具体含义——通常指 null、undefined、空字符串 ''、NaN、0（有时）、false（有时）等。但要注意：不是所有“falsy 值”都该被无差别过滤，比如 0 或 false 可能是合法业务数据。
只过滤明确的空/无效值（推荐做法）
最安全的方式是显式列出要剔除的值，避免误删有效数据：
- 用
Array.prototype.filter()配合严格相等或类型判断 - 例如过滤
null、undefined、空字符串和NaN：
const arr = [0, '', 'hello', null, undefined, NaN, 'world', false]; const cleaned = arr.filter(item => item !== null && item !== undefined && item !== '' && !Number.isNaN(item) ); // → [0, 'hello', 'world', false]
这样保留了 0 和 false，符合多数实际场景需求。
按“真值”过滤（谨慎使用）
如果确实需要移除所有 falsy 值（false、0、''、null、undefined、NaN），可直接用布尔转换：
立即学习“Java免费学习笔记（深入）”；
Java注释规范Skills
下载
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
const arr = [0, '', 'hello', null, undefined, NaN, 'world', false]; const truthyOnly = arr.filter(Boolean); // 等价于 item => Boolean(item) // → ['hello', 'world']
⚠️ 注意：Boolean(0) 是 false，Boolean('') 也是 false，所以它们会被清除。仅在确认这些值无业务意义时才用此方式。
处理嵌套或复杂结构（如对象数组）
若数组元素是对象，需根据字段判断是否“无效”。例如过滤掉 name 为空或缺失的对象：
const users = [
{ id: 1, name: 'Alice' },
{ id: 2, name: '' },
{ id: 3, name: null },
{ id: 4 }
];
const validUsers = users.filter(user =>
user && typeof user === 'object' &&
user.name && user.name.trim() !== ''
);
// → [{ id: 1, name: 'Alice' }]
这里加了 user && typeof user === 'object' 防止访问 undefined.name 报错，trim() 处理纯空白字符串。
封装成可复用函数
为提升可维护性，可封装一个灵活的过滤函数：
function filterEmpty(arr, options = {}) {
const { keepZero = true, keepFalse = true } = options;
return arr.filter(item => {
if (item === null || item === undefined) return false;
if (item === '') return false;
if (Number.isNaN(item)) return false;
if (!keepZero && item === 0) return false;
if (!keepFalse && item === false) return false;
return true;
});
}
// 使用示例
filterEmpty([0, '', null, 'ok'], { keepZero: false }); // → ['ok']
