如何在JavaScript数组中将已删除元素插回其原始位置？

第3步的splice方法使用确实存在错误，核心问题是插入位置的计算逻辑完全错误，同时需要注意移除元素的顺序对插入结果的影响。 #

错误原因 #

1. 原代码中插入位置的计算公式elem.position - (finalArrOriginalLength - finalArr.length) + 1没有合理逻辑支撑：
   刚进入第3步时finalArrOriginalLength - finalArr.length的固定值为3，以第一个被移除的key1-2元素（position值为1）为例，计算结果为1 - 3 + 1 = -1，splice接收负数索引时会从数组末尾倒序计算位置，自然会出现插入位置错误的问题。
2. 元素自带的position字段本身就是它在原数组中的正确索引，不需要额外做偏移计算。

修复方案 #

前置处理：先对被移除的元素按position从小到大排序 #

避免因移除顺序乱序导致插入位置偏移（如果先插入位置靠后的元素，再插入靠前的元素会导致后续已插入元素的索引被动变化）

修改splice的插入位置参数 #

直接用元素的position作为splice的第一个插入位置参数即可。
修复后的第3步代码如下：

/* Step 3. Add those 3 elements back to the original positions */
// 先按原始位置升序排序，保证先插位置靠前的元素
removedElements.sort((a, b) => a.position - b.position)
removedElements.forEach(elem => {
  finalArr.splice(elem.position, 0, elem);
});

效果验证 #

修复后执行代码，控制台打印的FINAL ARR会和初始生成的数组完全一致，每个元素的位置都符合预期。

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