Array#splice（）是最好的方法，除非你真的想避免改变数组。给定2个数组arr1和arr2，下面是如何将arr2的内容插入到arr1的第一个元素之后：

常量arr1=[‘a’，‘d’，‘e’]；常量arr2=['b'，'c']；arr1.拼接（1，0，…arr2）；//arr1现在包含[a'，'b'，'c'，'d'，'e']控制台日志（arr1）

如果您担心数组的变异（例如，如果使用Immutable.js），可以改用slice（），不要与带有“p”的splice（）混淆。

const arr3 = [...arr1.slice(0, 1), ...arr2, ...arr1.slice(1)];

为了实现正确的函数编程和链接目的，Array.protocol.insert（）的发明是必不可少的。实际上，如果拼接返回的是变异数组，而不是一个完全没有意义的空数组，那么它可能是完美的。因此，这就是：

Array.prototype.insert=函数（i，…rest）{此.拼接（i，0，…其余）返回这个}变量a=[3,4,8,9]；document.write（“<pre>”+JSON.stringify（a.insert（2,5,6,7））+“</pre>”）；

好吧，好吧，上面的Array.prototype.splice（）一个变异了原始数组，有些人可能会抱怨“你不应该修改不属于你的东西”，这可能也是正确的。因此，为了公益，我想提供另一个Array.prototype.insert（），它不会对原始数组进行变异。就这样；

Array.prototype.insert=函数（i，…rest）{返回this.slice（0，i）.contat（rest，this.slict（i））；}变量a=[3,4,8,9]，b=插入件（2,5,6,7）；console.log（JSON.stringify（a））；console.log（JSON.stringify（b））；

解决方案和性能

今天（2020.04.24），我为大型和小型阵列选择的解决方案进行测试。我在Chrome 81.0、Safari 13.1和Firefox 75.0上的macOS v10.13.6（High Sierra）上测试了它们。

结论

适用于所有浏览器

令人惊讶的是，对于小型阵列，基于切片和归约（D，E，F）的非就地解决方案通常比就地解决方案快10x-100倍对于大型阵列，基于拼接（AI、BI和CI）的就地解决方案是最快的（有时约为100倍，但取决于阵列大小）对于小型阵列，BI解决方案是最慢的对于大型阵列，E解决方案是最慢的

细节

测试分为两组：就地解决方案（AI、BI和CI）和非就地解决方案，分别针对两种情况进行：

测试包含10个元素的数组-可以在此处运行测试具有1000000个元素的数组-可以在此处运行

测试代码显示在以下代码段中：

小提琴演奏家

函数AI（arr，i，el）{arr.splice（i，0，el）；返回arr；}功能BI（arr，i，el）{阵列.原型.拼接.应用（arr，[i，0，el]）；返回arr；}函数CI（arr，i，el）{数组.原型.拼接.调用（arr，i，0，el）；返回arr；}函数D（arr，i，el）{返回arr.slice（0，i）.contat（el，arr.slices（i））；}函数E（arr，i，el）{return[…arr.slice（0，i），el，…arr.slime（i）]}函数F（arr，i，el）{返回arr.reduce（（s，a，j）=>（j-i？s.push（a）：s.push（el，a），s），[]）；}// -------------//测试// -------------设arr=[“a”、“b”、“c”、“d”、“e”、“f”]；设log=（n，f）=>{设a=f（[…arr]，3，“新”）；console.log（`${n}:[${a}]`）；};日志（'AI'，AI）；日志（'BI'，BI）；日志（'CI'，CI）；日志（'D'，D）；对数（'E'，E）；日志（'F'，F）；此代码段仅显示测试代码（不执行测试）

Google Chrome上一个小数组的示例结果如下：

下面是一个支持同时插入多个值的简单函数：

function add_items_to_array_at_position(array, index, new_items)
{
    return [...array.slice(0, index), ...new_items, ...array.slice(index)];
}

用法示例：

let old_array = [1,2,5];

let new_array = add_items_to_array_at_position(old_array, 2, [3,4]);

console.log(new_array);

//Output: [1,2,3,4,5]

我这样做：

const insert = (what, where, index) => 
  ([...where.slice(0, index), what , ...where.slice(index, where.length)]);

常量插入=（what，where，index）=>（[…where.slice（0，index），what，…where.slice（index，where.length）]）；常量列表=[1，2，3，4，5，6]；const newList=插入（'a'，列表，2）；console.log（newList.indexOf（'a'）==2）；

Array#splice（）是最好的方法，除非你真的想避免改变数组。给定2个数组arr1和arr2，下面是如何将arr2的内容插入到arr1的第一个元素之后：

常量arr1=[‘a’，‘d’，‘e’]；常量arr2=['b'，'c']；arr1.拼接（1，0，…arr2）；//arr1现在包含[a'，'b'，'c'，'d'，'e']控制台日志（arr1）

如果您担心数组的变异（例如，如果使用Immutable.js），可以改用slice（），不要与带有“p”的splice（）混淆。

const arr3 = [...arr1.slice(0, 1), ...arr2, ...arr1.slice(1)];