除了拼接，您可以使用这种方法，它不会改变原始数组，但会使用添加的项创建一个新数组。当你需要避免突变时，它是有用的。我在这里使用ES6排列运算符。

常量项=[1，2，3，4，5]常量插入=（arr，索引，newItem）=>[//数组的指定索引之前的部分…arr.slice（0，索引），//插入的项目新项目，//指定索引之后的数组的一部分…arr.slice（索引）]常量结果=插入（项，1，10）console.log（结果）// [1, 10, 2, 3, 4, 5]

这可以用于添加多个项目，方法是稍微调整函数，为新项目使用rest运算符，并在返回的结果中传播：

常量项=[1，2，3，4，5]常量插入=（arr，索引，…newItems）=>[//数组的指定索引之前的部分…arr.slice（0，索引），//插入的项目…新项目，//指定索引之后的数组的一部分…arr.slice（索引）]常量结果=插入（项，1，10，20）console.log（结果）// [1, 10, 20, 2, 3, 4, 5]

您需要在本机阵列对象上使用拼接函数。

arr.splice（索引，0，项）；将在指定的索引处向arr中插入项目（首先删除0个项目，也就是说，这只是一个插入）。

在本例中，我们将创建一个数组，并将一个元素添加到索引2中：

var arr=[]；arr[0]=“Jani”；arr[1]=“Hege”；arr[2]=“过时”；arr[3]=“Kai Jim”；arr[4]=“博格”；console.log（arr.jjoin（））；//Jani、Hege、Stale、Kai Jim、Borgearr.splice（2，0，“Lene”）；console.log（arr.jjoin（））；//Jani、Hege、Lene、Stale、Kai Jim、Borge

解决方案和性能

今天（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上一个小数组的示例结果如下：

如果您想一次将多个元素插入到数组中，请查看以下堆栈溢出答案：用javascript将数组拼接到数组中的更好方法

下面还有一些函数来说明这两个示例：

function insertAt(array, index) {
    var arrayToInsert = Array.prototype.splice.apply(arguments, [2]);
    return insertArrayAt(array, index, arrayToInsert);
}

function insertArrayAt(array, index, arrayToInsert) {
    Array.prototype.splice.apply(array, [index, 0].concat(arrayToInsert));
    return array;
}

最后，这里有一个jsFiddle，您可以自己看到它：http://jsfiddle.net/luisperezphd/Wc8aS/

这是如何使用这些函数的：

// if you want to insert specific values whether constants or variables:
insertAt(arr, 1, "x", "y", "z");

// OR if you have an array:
var arrToInsert = ["x", "y", "z"];
insertArrayAt(arr, 1, arrToInsert);

除了拼接，您可以使用这种方法，它不会改变原始数组，但会使用添加的项创建一个新数组。当你需要避免突变时，它是有用的。我在这里使用ES6排列运算符。

常量项=[1，2，3，4，5]常量插入=（arr，索引，newItem）=>[//数组的指定索引之前的部分…arr.slice（0，索引），//插入的项目新项目，//指定索引之后的数组的一部分…arr.slice（索引）]常量结果=插入（项，1，10）console.log（结果）// [1, 10, 2, 3, 4, 5]

这可以用于添加多个项目，方法是稍微调整函数，为新项目使用rest运算符，并在返回的结果中传播：

常量项=[1，2，3，4，5]常量插入=（arr，索引，…newItems）=>[//数组的指定索引之前的部分…arr.slice（0，索引），//插入的项目…新项目，//指定索引之后的数组的一部分…arr.slice（索引）]常量结果=插入（项，1，10，20）console.log（结果）// [1, 10, 20, 2, 3, 4, 5]

多用途ARRAY和ARRAY OF OBJECT可重用方法

设arr=[0,1,2]；让obj＝〔｛name:“abc”｝，｛name:：“xyz”｝；const addArrayItemAtIndex=（数组，索引，newItem）=>{return[…array.sslice（0，索引），newItem，…array.sSlice（索引）]；}//对于阵列console.log（addArrayItemAtIndex（arr，2159））；//对于对象阵列console.log（addArrayItemAtIndex（obj，0，｛name:“AMOS”｝））；