它们是不同的东西，有不同的目的。

splice是特定于数组的，当用于删除时，会从数组中删除条目，并向上移动之前的所有条目以填补空白。（它也可以用于插入条目，或同时插入两个条目。）拼接将更改数组的长度（假设它不是无操作调用：array.splice（x，0））。

delete不是特定于数组的；它设计用于对象：它从您使用它的对象中删除属性（键/值对）。它只适用于数组，因为JavaScript中的标准（例如，非类型化）数组根本不是数组*，它们是对某些财产进行特殊处理的对象，例如名称为“数组索引”（定义为字符串名称“…其数值i在+0≤i<2^32-1”的范围内）和长度的索引。当您使用delete删除数组条目时，它所做的就是删除该条目；它不会移动后面的其他条目来填补空白，因此数组变得“稀疏”（有些条目完全缺失）。它对长度没有影响。

目前对这个问题的一些回答错误地指出，使用delete“将条目设置为undefined”。这不正确。它会完全删除条目（属性），留下一个间隙。

让我们用一些代码来说明差异：

console.log（“使用“拼接”：”）；var a=[“a”，“b”，“c”，“d”，“e”]；console.log（a.length）；//5.a.拼接（0，1）；console.log（a.length）；//4.console.log（a[0]）；//“b”

console.log（“使用`delete`”）；var a=[“a”，“b”，“c”，“d”，“e”]；console.log（a.length）；//5.删除[0]；console.log（a.length）；//静止5console.log（a[0]）；//未定义console.log（a中的“0”）；//假的console.log（a.hasOwnProperty（0））；//假的

console.log（“设置为`undefined`”）；var a=[“a”，“b”，“c”，“d”，“e”]；console.log（a.length）；//5.a[0]=未定义；console.log（a.length）；//静止5console.log（a[0]）；//未定义console.log（a中的“0”）；//真的console.log（a.hasOwnProperty（0））；//真的

*（这是我贫血的小博客上的一篇文章）

function remove_array_value(array, value) {
    var index = array.indexOf(value);
    if (index >= 0) {
        array.splice(index, 1);
        reindex_array(array);
    }
}
function reindex_array(array) {
   var result = [];
    for (var key in array) {
        result.push(array[key]);
    }
    return result;
}

例子：

var example_arr = ['apple', 'banana', 'lemon'];   // length = 3
remove_array_value(example_arr, 'banana');

香蕉被删除，数组长度=2

可能还值得一提的是，拼接仅适用于阵列。（不能依赖对象财产来遵循一致的顺序。）

要从对象中删除键值对，实际上需要删除：

delete myObj.propName;     // , or:
delete myObj["propName"];  // Equivalent.

我有两种方法。

简单的一个：

arr = arr.splice(index,1)

第二个：

arr = arr.filter((v,i)=>i!==index)

第二种方法的优点是可以删除一个值（所有值，而不是像大多数情况一样只删除第一个实例）

arr = arr.filter((v,i)=>v!==value)

如果要删除的元素位于中间（例如，我们要删除索引为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的示例结果