JS 从数组中删除元素 - Javascript

在Javascript中，我们有多种方法从数组中删除元素。这篇介绍将会讨论这些方法。

使用splice()方法删除元素

我们可以使用splice()方法来在数组中删除元素，这个方法会修改原有的数组，可以从中间删除元素，也可以删除多个元素。

let array = ['apple', 'orange', 'pear'];
let removedItem = array.splice(1, 1); //从索引1处删除1个元素

console.log(array); // 输出 ['apple', 'pear']
console.log(removedItem); // 输出 ['orange']

在这个例子中，我们删除了数组array中的索引1处的元素'orange'。splice()方法还返回了被删除的元素。在我们的例子中，removedItem的值是['orange']。

我们也可以在数组中间删除多个元素：

let numbers = [1, 2, 3, 4, 5];
let removedItems = numbers.splice(1, 3); //从索引1处删除3个元素

console.log(numbers); // 输出 [1, 5]
console.log(removedItems); // 输出 [2, 3, 4]

在这个例子中，我们从数组中的索引1处删除了3个元素：[2, 3, 4]，剩下的元素是[1, 5]。 splice()方法还返回了被删除的元素。

使用slice()方法复制数组并删除元素

我们可以使用slice()方法复制一个数组并删除元素，这个方法不会修改原有的数组。这种方式适用于删除少量元素或需要保留原有数组的情况。

let array = ['apple', 'orange', 'pear'];
let newArray = array.slice(); //复制数组

newArray.splice(1, 1); //从索引1处删除1个元素
console.log(newArray); // 输出 ['apple', 'pear']
console.log(array); // 输出 ['apple', 'orange', 'pear']

这个例子中，我们没有改变原有的数组。我们复制了一个新的数组，并在新数组中删除了一个元素。原有的数组array没有受到影响。

使用delete运算符删除元素

我们可以使用delete运算符删除一个数组的元素，但这个方法只是在数组中创建了一个空值，元素的值并没有被真正删除。

let array = ['apple', 'orange', 'pear'];
delete array[1];

console.log(array); // 输出 ['apple', undefined, 'pear']

在这个例子中，我们使用delete运算符从数组的索引1处删除了元素'orange'。 array[1]现在的值是undefined。

值得注意的是，尽管从数组中删除了一个元素，但数组的长度并没有改变。在我们的例子中，数组的长度仍然是3。

总结

这篇文章展示了从Javascript数组中删除元素的不同方法。splice()方法可以修改原有的数组并删除元素； slice()方法可以复制数组并在副本中删除元素；而delete运算符只是在数组中创建了一个空值而已。

使用哪种方法取决于您的需求。splice()方法适用于删除较多的元素； slice()方法适用于处理较少的元素并且需要保存原有的数组；而delete运算符适用于快速的删除数组中的某个元素。