在数组元素上使用delete运算符与使用array.splice方法有什么区别？
例如：
myArray = ['a', 'b', 'c', 'd'];
delete myArray[1];
// or
myArray.splice (1, 1);
如果我可以像删除对象那样删除数组元素，为什么还要使用拼接方法？
当前回答
最简单的方法可能是
var myArray = ['a', 'b', 'c', 'd'];
delete myArray[1]; // ['a', undefined, 'c', 'd']. Then use lodash compact method to remove false, null, 0, "", undefined and NaN
myArray = _.compact(myArray); ['a', 'c', 'd'];
希望这有帮助。参考：https://lodash.com/docs#compact
其他回答
好的，假设我们有下面这个数组：
const arr = [1, 2, 3, 4, 5];
让我们先删除：
delete arr[1];
结果是：
[1, empty, 3, 4, 5];
空的让我们来看看：
arr[1]; //undefined
所以意味着只是删除了值，现在它是未定义的，所以长度是相同的，也会返回true。。。
让我们重新设置阵列，这次使用拼接进行操作：
arr.splice(1, 1);
这是这次的结果：
[1, 3, 4, 5];
如您所见，数组长度已更改，arr[1]现在为3。。。
此外，这将返回数组中已删除的项目，在这种情况下为[3]。。。
delete将删除对象属性，但不会重新索引数组或更新其长度。这使得它看起来像是未定义的：
> myArray = ['a', 'b', 'c', 'd']
["a", "b", "c", "d"]
> delete myArray[0]
true
> myArray[0]
undefined
请注意，它实际上没有设置为值undefined，而是从数组中删除了属性，使其看起来未定义。Chrome开发工具在记录阵列时打印为空，从而明确了这一区别。
> myArray[0]
undefined
> myArray
[empty, "b", "c", "d"]
splice（start，deleteCount）实际上删除了元素，重新索引数组，并更改其长度。
> myArray = ['a', 'b', 'c', 'd']
["a", "b", "c", "d"]
> myArray.splice(0, 2)
["a", "b"]
> myArray
["c", "d"]
如果要删除的元素位于中间（例如，我们要删除索引为1的“c”），可以使用：
var arr = ['a','b','c'];
var indexToDelete = 1;
var newArray = arr.slice(0,indexToDelete).combine(arr.slice(indexToDelete+1, arr.length))
表演
关于功能差异，已经有很多很好的答案了——所以这里我想关注性能。今天（2020.06.25），我对Chrome 83.0、Safari 13.1和Firefox 77.0进行了测试，以了解所提到的解决方案，以及所选答案
结论
拼接（B）解决方案适用于小型和大型阵列删除（A）解决方案对于大型阵列最快，对于小型阵列最快过滤器（E）解决方案在小阵列的Chrome和Firefox上速度最快（但在Safari上速度最慢，在大阵列上速度较慢）解决方案D很慢解决方案C不适用于Chrome和Safari中的大型阵列函数C（arr，idx）{var rest=arr.slice（idx+1 | | arr.length）；arr.length=idx<0？arr.length+idx:idx；arr.push.apply（arr，rest）；返回arr；}//碰撞试验让arr=[…'abcdefghij'.repeat（100000）]；//1M元件尝试{C（排列，1）}catch（e）｛console.error（e.message）｝
细节
我对解决方案进行以下测试A.BCDE（我的）
对于小数组（4个元素）-您可以在这里运行测试对于大阵列（1M个元素）-您可以在这里运行测试
函数A（arr，idx）{删除arr[idx]；返回arr；}函数B（arr，idx）{arr.splice（idx，1）；返回arr；}函数C（arr，idx）{var rest=arr.slice（idx+1 | | arr.length）；arr.length=idx<0？arr.length+idx:idx；arr.push.apply（arr，rest）；返回arr；}函数D（arr，idx）{返回arr.slice（0，idx）.contat（arr.slices（idx+1））；}函数E（arr，idx）{返回arr.filter（（a，i）=>i！==idx）；}myArray=[‘a’，‘b’，‘c’，‘d’]；[A，B，C，D，E].map（f=>console.log（`${f.name}${JSON.stringify（f（[…myArray]，1））}`））；此代码段仅显示使用过的解决方案
Chrome的示例结果
如上多次所述，使用夹板（）看起来非常合适。Mozilla文档：
splice（）方法通过删除现有元素和/或添加新元素来更改数组的内容。var myFish=['angel'，'小丑'，'普通话'，'鲟鱼']；myFish.splice（2，0，'鼓'）；//myFish是[“天使”、“小丑”、“鼓”、“普通话”、“鲟鱼”]myFish.splice（2，1）；//myFish是[“天使”、“小丑”、“普通话”、“鲟鱼”]语法array.拼接（开始）array.spling（开始，删除计数）array.spling（start，deleteCount，item1，item2，…）参数开始开始更改阵列的索引。如果大于数组的长度，则实际起始索引将设置为数组的长度。如果是否定的，将从结尾开始许多元素。删除计数一个整数，指示要删除的旧数组元素的数量。如果deleteCount为0，则不会删除任何元素。在这种情况下，应至少指定一个新元素。如果deleteCount大于数组中从开始时剩余的元素数，则将删除数组末尾的所有元素。如果省略deleteCount，deleteCount将等于（arr.length-start）。项目1，项目2。。。要添加到数组的元素，从开始索引开始。如果不指定任何元素，splice（）将只从数组中删除元素。返回值包含已删除元素的数组。如果只删除一个元素，则返回一个元素的数组。如果没有删除任何元素，则返回一个空数组。[...]
