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

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

例如：

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

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

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

当前回答

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

其他回答

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

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

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

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

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

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

或如我在Angular2中所用

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

你可以用这样的东西

var my_array=[1,2,3,4,5,6]；删除my_array[4]；console.log（my_array.filter（函数（a）｛return typeof a！=='undefined'；｝））；//[1,2,3,4,6]

因为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]);
}

推荐文章