前端 |【JavaScript】JS 删除数组中某个元素的方法有哪些？超简洁六大方法！

一、length属性

在JavaScript中，length属性用于获取数组的长度。可用于删除数组中的最后一个元素，只需将长度减1即可。

javascript 复制代码

// 创建一个数组
var a = [1, 2, 3, 4, 5];
// 使用length属性获取数组长度
console.log(a.length); // 输出：5
a.length = a.length - 1;
// a => [1,2,3,4]

二、slice属性

slice属性可用于删除数组中的第一个和最后一个元素。

javascript 复制代码

// 创建一个数组
var a = [1,2,3,4,5];
var new_a = a.slice(1); //删除数组a中第一个元素 "1"
// new_a => [2,3,4,5]
var new_b = new_a.slice(0, -1);  //删除数组new_a中最后一个元素 "5"
// new_b => [2,3,4]

三、splice属性

splice属性有4种删除方式。

1、删除数组中第一个元素

javascript 复制代码

// 创建一个数组
var a = [1,2,3,4,5];
var new_a  = a.splice(0, 1);
// a => [2,3,4,5]
// new_a => [1]

2、删除数组中某个指定元素

javascript 复制代码

var x = 2,
    a = [1,2,3,4,5];
a.splice(a.indexOf(2), 1);
// a => [1,3,4,5]

3、删除数组中指定下标的元素

javascript 复制代码

var delete_index = 2;
var a = [1,2,3,4,5];
// a => [1,2,3,4,5]
var new_a = a.splice(delete_index, 1);
// new_a => [3]
// a => [1,2,4,5]

4、删除数组中最后一个元素

javascript 复制代码

// 创建一个数组
var a = [1,2,3,4,5];
var new_a = a.splice(-1);
// a => [1,2,3,4]
// new_a => [5]

四、pop方法

JavaScript中的pop()方法用于删除数组的最后一个元素，并返回被删除的元素。

javascript 复制代码

// 创建一个数组
var a = [1,2,3,4,5];
a.pop();
// a => [1,2,3,4]

五、shift方法

JavaScript中的shift()方法用于删除数组的第一个元素，并返回被删除的元素。

javascript 复制代码

// 创建一个数组
var a = [1,2,3,4,5];
a.shift();
// a => [2,3,4,5]

六、filter方法

JavaScript中的filter()方法用于筛选数组中满足条件的元素，并返回一个新的数组。可用于删除数组中某个指定元素。

参数说明：

callback：用于测试数组中的每个元素的函数。返回 true 表示该元素通过测试，保留在新的数组中；返回 false 则不保留。
element：当前正在处理的数组元素。
index（可选）：当前正在处理的数组元素的索引。
array（可选）：调用 filter 方法的数组。
thisArg（可选）：执行 callback 函数时使用的 this 值。

javascript 复制代码

// 创建一个数组
var a = [1,2,3,4,5],
    x = 2;
a = a.filter(item => item != x);
// a => [1,3,4,5]