表演

关于功能差异，已经有很多很好的答案了——所以这里我想关注性能。今天（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的示例结果

最简单的方法可能是

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

对于那些想使用Lodash的人，可以使用：myArray=_.无（myArray，itemToRemove）

或如我在Angular2中所用

import { without } from 'lodash';
...
myArray = without(myArray, itemToRemove);
...

表演

关于功能差异，已经有很多很好的答案了——所以这里我想关注性能。今天（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的示例结果

为什么不只是过滤？我认为这是考虑js中数组的最清楚的方法。

myArray = myArray.filter(function(item){
    return item.anProperty != whoShouldBeDeleted
});

如上多次所述，使用夹板（）看起来非常合适。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（）将只从数组中删除元素。返回值包含已删除元素的数组。如果只删除一个元素，则返回一个元素的数组。如果没有删除任何元素，则返回一个空数组。[...]