如何删除JS对象中指定编号键并保持键的连续编号顺序？

你的代码只删除目标键但未正确移位，核心问题是循环中动态修改对象导致遍历逻辑混乱，再加上键类型不匹配、循环条件失效等问题。以下是具体修复方案：

问题根源 #

1. 原循环用Object.keys(currentFile).length作为循环上限，删除元素后数组长度会立即缩短，导致后续键来不及处理
2. 对象的键是字符串类型（比如'1'），但循环变量i是数字，隐式转换虽能匹配，但逻辑不稳定
3. 直接在遍历过程中修改原对象结构，会打乱遍历顺序

修复方案一：遍历有序键数组处理 #

先提取所有键并按数字排序，再逐个处理，避免动态修改对象带来的问题：

// 1. 获取所有键，转数字排序后再转回字符串，保证顺序是1、2、3...
const sortedKeys = Object.keys(currentFile)
  .map(Number)
  .sort((a, b) => a - b)
  .map(String);
const targetKey = String(activeBoxId); // 统一键的字符串类型

// 2. 遍历处理每个键
for (const key of sortedKeys) {
  const numKey = Number(key);
  if (numKey === activeBoxId) {
    delete currentFile[key];
  } else if (numKey > activeBoxId) {
    // 将当前键的值移到前一个编号的键上
    currentFile[String(numKey - 1)] = currentFile[key];
    delete currentFile[key];
  }
}

修复方案二：转数组处理后重新生成对象 #

这种方式逻辑更清晰，先把对象转成有序数组，删除目标元素后再重新构建连续编号的对象：

// 把对象转成带数字键的有序数组
const sortedEntries = Object.entries(currentFile)
  .map(([key, value]) => ({ numKey: Number(key), value }))
  .sort((a, b) => a.numKey - b.numKey);

// 过滤掉要删除的元素
const filteredEntries = sortedEntries.filter(item => item.numKey !== activeBoxId);

// 重新生成连续编号的对象
const newCurrentFile = {};
filteredEntries.forEach((item, index) => {
  newCurrentFile[String(index + 1)] = item.value; // 编号从1开始连续
});

// 替换原对象
currentFile = newCurrentFile;

两种方案都能保证删除目标键后，剩余键的编号保持连续的1、2、3...格式，方案二更适合复杂场景，避免直接修改原对象的副作用。

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