JavaScript数组中空位与空值行为不同：空位不触发遍历方法，空值（null/undefined等）会被处理；应先用Array.from转密集数组再按需过滤。
javascript 数组处理空值，关键在于分清两类“空”：一类是**空位（empty slot）**——索引存在但未赋值；另一类是**空值（null/undefined/''等）**——索引存在且值为假值。二者行为完全不同，不能混用同一套逻辑过滤。
识别空位与空值的区别
空位不是 undefined，它在 map、forEach、filter 中根本不会触发回调；而 undefined、null、空字符串这些是真实存在的值，会被遍历到。例如：
-
[1, , 3]：中间是空位，map(x => x * 2)返回[2, , 6] -
[1, undefined, 3]：中间是undefined，map(x => x * 2)返回[2, NaN, 6] -
1 in [1, , 3]→false（空位不占属性）；1 in [1, undefined, 3]→true
安全转为密集数组再过滤
想统一处理所有“缺失”，最稳妥的做法是先将稀疏数组转成密集数组（空位变 undefined），再按需过滤：
- 用
Array.from({ length: arr.length }, (_, i) => arr[i])—— 把空位显式转为undefined - 之后可用
.filter(item => item != null)去掉null和undefined - 若还需排除空字符串、
0、false，则明确写.filter(item => item !== '' && item != null && item !== false)
按业务语义精准过滤空值
多数场景下，你并不想删掉 0 或 false——它们是有效业务状态。推荐用空值合并运算符逻辑做判断：
JavaStoryDevelop
下载
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
- 只剔除真正“不存在”的值：
.filter(item => item != null)（覆盖null和undefined） - 保留
0、false、''：.filter(item => item !== undefined && item !== null) - 若要同时清理前后空格的字符串：
.filter(item => typeof item === 'string' ? item.trim() : item != null)
避免常见陷阱
很多方法对空位静默跳过，容易埋坑：
立即学习“Java免费学习笔记（深入）”；
-
filter、map、forEach、reduce都不处理空位 -
JSON.stringify([1,,3])→"[1,null,3]"，空位被序列化为null -
Array.fill()对空位无效，它只操作已存在的索引 - 别用
||判断默认值：arr[i] || 'default'会把0、false、''都替换成默认值
