JS List 移除指定下标|极客笔记

JS List 移除指定下标

在 JavaScript 中，我们经常需要操作列表（list）或数组（array）的元素。有时候，我们需要通过指定的下标来移除列表中的特定元素。本文将详细介绍如何在 JavaScript 中实现这一功能。

方法一：使用`splice`方法

splice 方法是 JavaScript 中用于修改数组的方法之一。它可以在指定的位置添加或删除元素。我们可以利用 splice 方法来实现移除指定下标的元素。

const list = ['apple', 'banana', 'cherry', 'date'];

function removeElementAtIndex(arr, index) {
    arr.splice(index, 1);
}

removeElementAtIndex(list, 2);
console.log(list); // ["apple", "banana", "date"]

在上面的示例中，我们定义了一个名为 removeElementAtIndex 的函数，接收一个数组和要删除的元素下标作为参数。然后我们使用 splice 方法来删除指定下标的元素，这里的 1 表示删除一个元素。最后我们输出修改后的列表。

方法二：使用`filter`方法

除了 splice 方法外，我们还可以使用 filter 方法来移除指定下标的元素。filter 方法创建一个新数组，其中包含通过函数检查的所有元素。

const list = ['apple', 'banana', 'cherry', 'date'];

function removeElementAtIndex(arr, index) {
    arr = arr.filter((elem, idx) => idx !== index);
    return arr;
}

list = removeElementAtIndex(list, 2);
console.log(list); // ["apple", "banana", "date"]

在上面的示例中，我们定义了一个名为 removeElementAtIndex 的函数，接收一个数组和要删除的元素下标。在函数中，我们使用 filter 方法来返回一个新数组，其中包含除了指定下标的元素以外的所有元素。最后我们输出修改后的列表。

方法三：使用`slice`方法

slice 方法也是一个常用的数组方法，它返回指定位置的元素。我们可以结合 slice 方法来移除指定下标的元素。

const list = ['apple', 'banana', 'cherry', 'date'];

function removeElementAtIndex(arr, index) {
    return arr.slice(0, index).concat(arr.slice(index + 1));
}

const modifiedList = removeElementAtIndex(list, 2);
console.log(modifiedList); // ["apple", "banana", "date"]

在上面的代码中，我们定义了一个名为 removeElementAtIndex 的函数，接收一个数组和要删除的元素下标。在函数中，我们使用 slice 方法来截取前半部分和后半部分的数组，然后通过 concat 方法将它们连接起来，从而实现了移除指定下标的元素。