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"]

Array.remove（）方法

jQuery的创建者John Resig创建了一个非常方便的Array.remove方法，我总是在项目中使用它。

// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

下面是如何使用它的一些示例：

// Remove the second item from the array
array.remove(1);
// Remove the second-to-last item from the array
array.remove(-2);
// Remove the second and third items from the array
array.remove(1,2);
// Remove the last and second-to-last items from the array
array.remove(-2,-1);

John的网站

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

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

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

表演

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

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

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