解决方案和性能

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

我不得不同意Redu的回答，因为splice（）的界面确实有点混乱。cdbajorin给出的响应是“当第二个参数为0时，它只返回一个空数组。如果它大于0，则返回从数组中删除的项“虽然准确，但证明了这一点。

该功能的目的是拼接，或者如Jakob Keller先前所说，“连接或连接，也改变。

您有一个已建立的阵列，现在正在更改，这将涉及添加或删除元素。。。。“考虑到这一点，被删除的元素（如果有的话）的返回值充其量是尴尬的。我100%同意，如果该方法返回了一个看起来很自然的新数组，添加了拼接元素，则该方法可能更适合于链接。然后，您可以对返回的数组执行类似[”19“，”17“].splice（1,0，”18“）.join（”…“）之类的操作。

它返回删除的内容这一事实简直是无稽之谈。如果该方法的目的是“删除一组元素”，而这是它唯一的目的，也许。似乎如果我不知道我已经剪了什么，我可能没有什么理由剪掉这些元素，不是吗？

如果它表现得像concat（）、map（）、reduce（）、slice（）等，从现有数组生成新数组，而不是改变现有数组，那会更好。这些都是可链接的，这是一个重要的问题。链数组操作非常常见。

似乎语言需要朝一个或另一个方向发展，并尽可能地坚持下去。JavaScript具有功能性，声明性较低，这似乎是一种与规范的奇怪偏差。

任何对这个问题仍有疑问的人，都尝试过前面答案中的所有选项，但都没有得到。我分享我的解决方案，这是为了考虑到您不想显式地声明对象与数组的财产。

function isIdentical(left, right){
    return JSON.stringify(left) === JSON.stringify(right);
}

function contains(array, obj){
    let count = 0;
    array.map((cur) => {
        if(this.isIdentical(cur, obj)) 
            count++;
    });
    return count > 0;
}

这是对引用数组进行迭代并将其与要检查的对象进行比较的组合，将两者转换为字符串，然后在匹配时进行迭代。然后你就可以数了。这是可以改进的，但这是我解决的问题。

不可变插入

如果您需要插入到阵列中的适当位置，使用拼接方法无疑是最佳答案。

但是，如果您正在寻找一个不可变函数，该函数返回一个新的更新数组，而不是在插入时对原始数组进行变异，那么可以使用以下函数。

函数插入（数组，索引）{const items=Array.prototype.slice.call（arguments，2）；return[].contat（array.sslice（0，索引），items，array.sslict（索引））；}常量列表=['one'，'two'，'three']；const list1=插入（列表，0，“零”）；//插入单个项目const list2=insert（列表，3，'four'，'five'，'sive'）；//插入多个console.log（'原始列表：'，列表）；console.log（'插入的列表1:'，列表1）；console.log（'插入的列表2:'，列表2）；

注意：这是ES6之前的一种实现方式，因此它适用于较旧和较新的浏览器。

如果您使用的是ES6，那么您也可以尝试其他参数；看看这个答案。

我喜欢一点安全，我用这个：

Array.prototype.Insert=函数（项，之前）{if（！item）返回；if（before==null|| before<0|| before>this.length-1）{this.push（项目）；回来}此.拼接（之前，0，项）；}var t=[“a”，“b”]t.插入（“v”，1）控制台日志（t）

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

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