js 数组remove方法|极客笔记

js 数组remove方法

在JavaScript中，数组是一种非常常用的数据结构，经常需要对数组进行增删改查等操作。其中，删除数组中的元素是一个常见的操作。在JavaScript中，并没有提供一个原生的 remove 方法来删除数组中的元素。不过我们可以通过一些其他方法来实现删除操作。

利用splice方法删除元素

在JavaScript中，我们可以使用 splice 方法来删除数组中的元素。splice 方法可以删除指定位置的元素并返回被删除的元素。具体使用方法如下：

let arr = [1, 2, 3, 4, 5];

// 删除数组中下标为2的元素
let removedItem = arr.splice(2, 1);

console.log(arr); // [1, 2, 4, 5]
console.log(removedItem); // [3]

在上面的代码中，我们首先定义了一个数组 arr，然后使用 splice 方法删除了下标为2的元素，即数字3。删除后的数组为 [1, 2, 4, 5]，被删除的元素为 [3]。

封装一个remove方法

为了方便地删除数组中的元素，我们可以封装一个 remove 方法来实现删除操作。具体实现如下：

Array.prototype.remove = function(item) {
    let index = this.indexOf(item);
    if (index !== -1) {
        this.splice(index, 1);
    }
}

let arr = [1, 2, 3, 4, 5];
arr.remove(3);

console.log(arr); // [1, 2, 4, 5]

在上面的代码中，我们给数组的原型对象 Array.prototype 添加了一个 remove 方法，该方法接受一个参数 item 表示要删除的元素。首先使用 indexOf 方法找到要删除元素的下标，然后调用 splice 方法删除该元素。最后我们可以通过 arr.remove(3) 删除数组中的数字3。

使用filter方法删除元素

除了使用 splice 方法和封装 remove 方法之外，我们还可以使用数组的 filter 方法来删除元素。filter 方法会遍历数组并通过一个回调函数来判断是否删除数组中的元素。具体使用方法如下：

let arr = [1, 2, 3, 4, 5];
let removedItem = arr.filter(item => item !== 3);

console.log(removedItem); // [1, 2, 4, 5]

在上面的代码中，我们使用 filter 方法过滤数组中不等于3的元素，最终得到的结果为 [1, 2, 4, 5]。

使用ES6的新特性

在ES6中，我们还可以使用一些新的语法来删除数组中的元素，比如使用展开运算符 ... 和解构赋值。具体代码如下：

let arr = [1, 2, 3, 4, 5];
let indexToRemove = 2;

let newArr = [...arr.slice(0, indexToRemove), ...arr.slice(indexToRemove + 1)];

console.log(newArr); // [1, 2, 4, 5]

在上面的代码中，我们首先指定要删除的元素的下标为2。然后使用 slice 方法将原数组拆分成两部分，再使用展开运算符 ... 将两部分数组连接起来，最终得到删除元素后的新数组 [1, 2, 4, 5]。