JavaScript数组中空/undefined值替换为null的实现方法

原有代码不生效的核心原因：Array.prototype.map 会直接跳过稀疏数组中的空槽——即未手动赋值的索引位置，这些位置不是存储了undefined值，而是未初始化的空单元，回调函数不会在这些槽位执行，自然无法替换为null。
额外注意：x || null的逻辑会把所有假值（包括0、''、false、NaN）都误转为null，如果仅需要替换空值、undefined，推荐使用空值合并运算符??。

原生JavaScript实现 #

方案1：Array.from（推荐） #

Array.from会把稀疏数组的空槽统一识别为undefined，支持直接传入映射回调，代码最简洁：

let arr = []
arr[1] = 2
arr[7] = 10
arr = Array.from(arr, item => item ?? null)
console.log(arr)
// 输出: [null, 2, null, null, null, null, null, 10]

方案2：展开运算符+map #

展开运算符处理稀疏数组时，同样会把空槽转换为真实的undefined值，之后map就可以正常遍历所有位置：

arr = [...arr].map(item => item ?? null)

Lodash实现 #

Lodash内置的_.map方法默认会遍历稀疏数组的所有槽位，不会跳过空单元，直接传入映射逻辑即可：

// 确保已引入Lodash
arr = _.map(arr, item => item ?? null)

如果确实需要把0、空字符串、false这类假值也统一转换成null，把上面代码里的??换成||即可。

内容的提问来源于stack exchange，提问作者danday74