JavaScript数组空缺填充：用相邻值平均值处理连续空缺问题

嘿，这个需求我刚好做过类似的，不光能处理单个空缺，连续多个空缺的情况也能完美搞定！核心思路是用线性插值来填充相邻有效数值之间的空缺，这样比直接填固定平均值更符合数据连续性的逻辑（比如时间序列、传感器数据这类场景特别适用）。

实现思路 #

1. 收集有效锚点：先把数组里所有非空缺的元素（即undefined以外的值）的索引和值整理成锚点列表，方便后续计算。
2. 处理边界空缺：如果数组开头或结尾有空缺，直接用最近的有效数值填充（比如[,,3,4,,]开头的空缺填3，结尾的填4）。
3. 填充中间连续空缺：对每一对相邻的锚点，计算它们之间空缺的线性插值——简单说就是从前一个值平滑过渡到后一个值，每个空缺的填充值是逐步递增/递减的。

完整代码实现 #

function fillEmptySlots(arr) {
  // 复制原数组，避免修改原数据
  const newArr = [...arr];
  // 收集所有有效元素的索引和值作为锚点
  const anchors = newArr
    .map((val, idx) => [idx, val])
    .filter(([_, val]) => val !== undefined);

  // 边界情况：没有有效元素，直接返回原数组副本
  if (anchors.length === 0) return newArr;

  // 处理开头的空缺：从数组起始到第一个锚点之间的位置
  const firstAnchorIdx = anchors[0][0];
  if (firstAnchorIdx > 0) {
    const firstVal = anchors[0][1];
    for (let i = 0; i < firstAnchorIdx; i++) {
      newArr[i] = firstVal;
    }
  }

  // 处理中间的连续空缺
  for (let i = 0; i < anchors.length - 1; i++) {
    const [prevIdx, prevVal] = anchors[i];
    const [nextIdx, nextVal] = anchors[i + 1];
    const gapCount = nextIdx - prevIdx - 1; // 中间空缺的数量

    if (gapCount <= 0) continue; // 没有空缺，跳过

    // 计算每一步的增量：总差值除以（空缺数+1），因为要分gapCount+1段
    const step = (nextVal - prevVal) / (gapCount + 1);

    // 逐个填充空缺
    for (let k = 1; k <= gapCount; k++) {
      newArr[prevIdx + k] = prevVal + step * k;
    }
  }

  // 处理结尾的空缺：从最后一个锚点到数组末尾的位置
  const lastAnchorIdx = anchors[anchors.length - 1][0];
  if (lastAnchorIdx < newArr.length - 1) {
    const lastVal = anchors[anchors.length - 1][1];
    for (let i = lastAnchorIdx + 1; i < newArr.length; i++) {
      newArr[i] = lastVal;
    }
  }

  return newArr;
}

测试示例 #

• 单个空缺的情况：

  const arr1 = [1, 2, 3, , 4, 5];
  console.log(fillEmptySlots(arr1)); // 输出: [1, 2, 3, 3.5, 4, 5]
  

• 多个连续空缺的情况：

  const arr2 = [1, 2, 3, , , 5, 6];
  console.log(fillEmptySlots(arr2)); // 输出: [1, 2, 3, 3.666..., 4.333..., 5, 6]
  

• 包含开头/结尾空缺的情况：

  const arr3 = [, , 2, 3, , 5, ,];
  console.log(fillEmptySlots(arr3)); // 输出: [2, 2, 2, 3, 4, 5, 5]
  

补充说明 #

如果你的场景确实需要把连续空缺都填成前后值的固定平均值（而不是线性过渡），只需要把中间填充的逻辑改成固定值即可：

// 替换中间填充的循环部分
const avg = (prevVal + nextVal) / 2;
for (let k = 1; k <= gapCount; k++) {
  newArr[prevIdx + k] = avg;
}

不过大多数情况下，线性插值的方式会更符合实际数据的逻辑哦～

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