如何在JavaScript中指定索引插入元素并平移数组尾部（保持长度）

可以利用JavaScript数组的copyWithin()方法实现原地操作，无需创建数组副本或显式遍历：

步骤说明 #

1. 使用copyWithin()将指定位置后的元素（除最后一个）向右平移一位，为新元素腾出位置
2. 将新元素赋值到目标索引位置

代码示例 #

let array = ['a', 'b', 'd', 'e', 'f'];
const idx = 2;
const newElement = 'c'; // 注意：`new`是关键字，不能用作变量名

// 核心操作
array.copyWithin(idx + 1, idx, array.length - 1);
array[idx] = newElement;

console.log(array); // 输出：['a', 'b', 'c', 'd', 'e']

方法解析 #

• copyWithin(target, start, end)是数组的原地修改方法，会将[start, end)区间的元素复制到target开始的位置，不会创建新数组
• 这里target设为idx + 1，表示从目标索引的下一位开始覆盖；start设为idx，end设为array.length - 1，表示复制原数组中从idx到倒数第二个元素的内容，这样就实现了后续元素右移一位，同时丢弃最后一个元素
• 最后将新元素赋值到idx位置，完成插入

边界情况处理 #

• 当idx为0时：会将原数组从0到倒数第二个元素右移一位，最后一个元素被丢弃，新元素放到数组头部，结果符合预期
• 当idx为数组最后一位索引时：copyWithin()的target超出数组范围，不会执行复制操作，直接将新元素赋值到最后一位，相当于替换最后一个元素，符合“插入后保持数组长度”的需求

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