JS删除数组中的元素delete和splice的区别详解

在JavaScript中，删除数组元素有两种常见的方法：delete和splice。虽然它们都可以删除数组元素，但使用方法和功能上还是有一些差别的。下面我们就来详细讲解一下它们的区别。

delete方法

delete方法用于删除数组元素，实际上是将该元素的值赋为undefined。它的语法如下：

delete array[index]

其中，array表示一个数组，index表示要删除的元素的索引值。

需要注意的是，使用delete方法只会删除该元素的值，而不会删除该元素所占用的空间，因此数组的length属性并不会改变。下面我们来看一个例子：

let arr = [1, 2, 3];
delete arr[1];
console.log(arr); // [1, undefined, 3]

在上面的例子中，我们使用delete方法删除了数组arr中的第二个元素（索引为1），由于该元素的值被赋为了undefined，因此输出的结果为[1, undefined, 3]。

需要注意的是，使用delete方法删除数组元素后，该元素变成了空洞（hole），在使用一些数组方法时可能会产生问题。比如，对一个包含空洞的数组调用forEach方法时，forEach方法会跳过空洞而不会执行回调函数。下面我们来看一个例子：

let arr = [1, 2, , 4];
console.log(arr.length); // 4
arr.forEach(item => console.log(item)); // 1 2 4

在上面的例子中，由于数组arr中的第三个元素是一个空洞，在使用forEach方法遍历数组时这个空洞并不会被执行回调函数。

splice方法

splice方法同样用于删除数组元素，它的语法如下：

array.splice(start, deleteCount, item1, item2, ...)

其中，array表示一个数组，start表示要删除元素的起始索引位置，deleteCount表示要删除的元素个数，item1、item2等表示要添加到数组中的元素。

需要注意的是，使用splice方法会删除指定元素并且改变数组长度，被删除的元素占用的空间也会得到释放。下面我们来看一个例子：

let arr = [1, 2, 3];
arr.splice(1, 1);
console.log(arr); // [1, 3]

在上面的例子中，我们使用splice方法删除了数组arr中的第二个元素（索引为1），由于该元素被删除，因此数组的长度也发生了改变。

需要注意的是，splice方法的第一个参数start可以接收负数，此时表示从倒数第几个元素开始删除。比如，使用splice方法删除数组的最后一个元素可以这样写：

let arr = [1, 2, 3];
arr.splice(-1, 1);
console.log(arr); // [1, 2]

在上面的例子中，我们使用splice方法以-1为起始索引删除了数组arr中的最后一个元素。

总结

使用delete方法删除数组元素只会删除该元素的值，不会改变数组的长度，使用splice方法删除数组元素会删除指定元素并且改变数组长度。选择哪种删除方法应该根据实际情况做出选择，需要注意的是，由于使用delete方法会产生空洞，因此在使用一些数组方法时需要特别注意。