如何在数组指定位置插入字符串并补全前置空字符串？

当然有办法实现这个需求啦，而且操作起来还挺简单的！我来给你分享几种实用的方案，你可以根据自己的代码场景选最顺手的～

方案一：直观的手动补全 + 插入函数 #

这个方案逻辑清晰，容易理解，适合刚接触这类操作的同学：

function insertAt(arr, index, value) {
  // 先把索引之前缺失的位置都补上空字符串
  while (arr.length < index) {
    arr.push('');
  }
  // 插入目标值：如果索引刚好等于当前数组长度，直接追加；否则用splice插入
  if (arr.length === index) {
    arr.push(value);
  } else {
    arr.splice(index, 0, value);
  }
  return arr;
}

用你的示例测试一下： #

let array = [];
// 在索引2插入'hello'
insertAt(array, 2, 'hello');
console.log(array); // 输出：['', '', 'hello']

// 接着在索引4插入'world'
insertAt(array, 4, 'world');
console.log(array); // 输出：['', '', 'hello', '', 'world']

如果不想改动原数组，咱们可以稍微调整一下，返回一个新数组：

function insertAtNewArray(arr, index, value) {
  const newArr = [...arr]; // 复制原数组
  while (newArr.length < index) {
    newArr.push('');
  }
  newArr.splice(index, 0, value);
  return newArr;
}

方案二：更简洁的数组填充写法 #

如果想让代码更紧凑，可以用Array.fill()来批量生成空字符串，代替循环push：

function insertAt(arr, index, value) {
  const newArr = [...arr];
  // 计算需要补充的空字符串数量，批量填充
  if (newArr.length < index) {
    const needFillCount = index - newArr.length;
    newArr.push(...Array(needFillCount).fill(''));
  }
  newArr.splice(index, 0, value);
  return newArr;
}

这个写法和方案一效果完全一样，只是用数组填充的方式替代了循环，代码看起来更简洁。

核心逻辑说明 #

不管哪种方案，核心都是两步：

1. 补全前置空值：确保数组长度至少达到目标索引，中间缺失的位置用空字符串填充；
2. 插入目标值：用splice(index, 0, value)实现插入操作——这个方法会把目标值放到指定索引位置，同时把后面的元素自动后移，完美符合你的需求。

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