删除JavaScript中的数组元素-delete vs splice

在数组元素上使用delete运算符与使用array.splice方法有什么区别？

例如：

myArray = ['a', 'b', 'c', 'd'];

delete myArray[1];
//  or
myArray.splice (1, 1);

如果我可以像删除对象那样删除数组元素，为什么还要使用拼接方法？

当前回答

目前有两种方法可以做到这一点

使用夹板（）arrayObject.spling（索引，1）；使用deletedelete arrayObject[index]；

但我始终建议对数组对象使用拼接，对对象属性使用删除，因为删除不会更新数组长度。

其他回答

因为delete只从数组中的元素中删除对象，所以数组的长度不会改变。拼接将删除对象并缩短阵列。

以下代码将显示“a”、“b”、“undefined”、“d”

myArray = ['a', 'b', 'c', 'd']; delete myArray[2];

for (var count = 0; count < myArray.length; count++) {
    alert(myArray[count]);
}

而这将显示“a”、“b”、“d”

myArray = ['a', 'b', 'c', 'd']; myArray.splice(2,1);

for (var count = 0; count < myArray.length; count++) {
    alert(myArray[count]);
}

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

好的，假设我们有下面这个数组：

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

删除Vs接头

从数组中删除项时

var arr=[1,2,3,4]；删除arr[2]//结果[1，2，3:，4]控制台日志（arr）

当您拼接时

var arr=[1,2,3,4]；arr.splice（1,1）//结果[1，3，4]控制台日志（arr）；

如果删除，元素将被删除，但索引仍为空

而在拼接元件被删除的情况下，其余元件的索引相应地减少

从核心JavaScript 1.5参考>运算符>特殊运算符>删除运算符：

删除数组元素时数组长度不受影响。对于例如，如果删除[3]，则[4]为仍然a[4]和a[3]未定义。这即使删除最后一个数组的元素（删除a[a.length-1]）。

推荐文章