JavaScript数组过滤无效数据应优先用filter()创建新数组，准确设定条件（如item != null && item !== ''或Boolean），避免forEach中splice导致漏删，复杂逻辑可用for...of配合continue。
JavaScript 数组遍历中过滤无效数据，核心是「先识别无效值，再用合适方法剔除」。常见无效数据包括 null、undefined、空字符串 ''、NaN、0（视业务而定）、空对象或空数组等。关键不在于遍历方式本身，而在于过滤条件是否准确、是否改变原数组、是否保留原始结构（如索引连续性）。
用 filter() 安全创建净化后的新数组
filter() 是最推荐的方式：不修改原数组、语义清晰、返回全新数组，天然适配函数式思维。
- 基础写法：只过滤 null/undefined/空字符串
const raw = [1, '', null, 'hello', undefined, 0, 'world', NaN]; const cleaned = raw.filter(item => item != null && item !== ''); // → [1, 'hello', 0, 'world', NaN]
- 更严格的“真值”过滤（排除 0、false、''、null、undefined、NaN）：
const cleanedTruthy = raw.filter(Boolean); // → [1, 'hello', 'world']
- 自定义逻辑（例如过滤掉非正整数或空对象）：
const data = [1, {}, [], {id: 1}, '', 0, -5];
const validNumbers = data.filter(x =>
typeof x === 'number' && Number.isInteger(x) && x > 0
);
// → [1]遍历时主动跳过（for / for...of）适合复杂校验或需中断场景
当需要在过滤同时做额外处理（如日志、计数、提前退出），或校验逻辑无法简单内联到 filter 回调里时，显式循环更灵活。
- 使用
for...of配合continue跳过无效项：
const result = [];
for (const item of raw) {
if (item == null || item === '' || Number.isNaN(item)) continue;
// 可在此处加类型转换、格式化等操作
result.push(item);
}- 用传统
for循环可配合break（比如只取前 5 个有效值）：
const top5 = [];
for (let i = 0; i < raw.length && top5.length < 5; i++) {
const x = raw[i];
if (x != null && typeof x === 'string' && x.trim()) {
top5.push(x.trim());
}
}注意边界：0、false、空数组、空对象是否算“无效”？
所谓“无效”高度依赖业务。JavaScript 的 Boolean() 或 !! 会把 0、false、[]、{} 全部转为 false，但它们在业务中往往完全有效。
立即学习“Java免费学习笔记（深入）”；
- ❌ 错误假设所有假值都该删：
filter(Boolean)会误删0和false - ✅ 明确意图：比如“只留非空字符串”，就写
item => typeof item === 'string' && item.trim().length > 0 - ✅ 处理对象/数组：用
Object.keys(obj).length > 0判非空对象；用Array.isArray(arr) && arr.length > 0判非空数组
避免副作用：别在 forEach 中 splice 原数组
以下写法危险且易出错：
// ❌ 危险！边遍历边删除会跳过下一个元素
arr.forEach((item, i) => {
if (!item) arr.splice(i, 1);
});原因：删除后索引重排，下次循环的 i 指向新位置，导致漏检。应改用 filter() 或倒序 for 循环（若必须原地修改）：
// ✅ 倒序 for 可安全 splice
for (let i = arr.length - 1; i >= 0; i--) {
if (!arr[i]) arr.splice(i, 1);
} 
