JavaScript 删除数组中指定元素

在 JavaScript 中，数组是一种常见的数据类型，可以存储多个元素。有时候，我们需要从数组中删除某些特定的元素。本文将介绍如何使用 JavaScript 删除数组中指定的元素。

1.使用splice()方法删除元素

JavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素，可以使用 splice() 方法。该方法接受两个参数，第一个参数指定要删除的元素的位置，第二个参数指定要删除的元素个数。例如，我们可以使用以下代码删除数组中的第二个元素：

let myArray = ["apple", "banana", "orange", "grape"];
myArray.splice(1, 1);
console.log(myArray); // ["apple", "orange", "grape"]
123

输出结果为：["apple", "orange", "grape"]

2.使用filter()方法删除元素

除了使用 splice() 方法，我们还可以使用 filter() 方法来删除数组中的元素。该方法可用于创建一个新的数组，其中包含符合特定条件的元素。我们可以使用以下代码删除数组中的所有 “banana” 元素：

let myArray = ["apple", "banana", "orange", "grape"];
myArray = myArray.filter(function(item) {
  return item !== "banana"
});
console.log(myArray); // ["apple", "orange", "grape"]
12345

输出结果为：["apple", "orange", "grape"]

3.使用pop()和shift()方法删除元素

pop() 和 shift() 方法可用于删除数组的最后一个元素和第一个元素。如果我们想删除数组中的特定元素，可以使用这些方法与 indexOf() 方法结合使用。例如，以下代码可以删除数组中的第二个元素：

let myArray = ["apple", "banana", "orange", "grape"];
let index = myArray.indexOf("banana");
if (index !== -1) {
  myArray.splice(index, 1);
}
console.log(myArray); // ["apple", "orange", "grape"]
123456

输出结果为：["apple", "orange", "grape"]

4.使用slice()方法删除元素

slice() 方法是一个纯函数，它不会改变原始数组，而是返回一个新的数组，该数组包含从开始到结束（不包含结束）的元素。我们可以使用以下代码删除数组中的第二个元素：

let myArray = ["apple", "banana", "orange", "grape"];
let newArray = myArray.slice(0, 1).concat(myArray.slice(2));
console.log(newArray); //["apple", "orange", "grape"]
123

输出结果为：["apple", "orange", "grape"]

5.使用ES6的filter()方法删除元素

ES6 中的 filter() 方法也可以用于删除数组中的元素。我们可以使用以下代码删除数组中的所有 “banana” 元素：

let myArray = ["apple", "banana", "orange", "grape"];
myArray = myArray.filter(item => item !== "banana");
console.log(myArray); // ["apple", "orange", "grape"]
123

输出结果为：["apple", "orange", "grape"]

总结

以上是 JavaScript 删除数组中指定元素的多种方法。我们可以根据需求选择适合自己的方法来删除数组中的元素。希望这篇文章能够帮助你更好地掌握 JavaScript 中的数组操作。

定义和用法

splice() 方法向/从数组添加/删除项目，并返回删除的项目。

注释：splice() 方法会改变原始数组。

实例

例子 1

将项目添加到数组：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

亲自试一试

例子 2

在位置 2，添加新项目，并删除 1 个项目：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 1, "Lemon", "Kiwi");

亲自试一试

例子 3

在位置 2，删除 2 个项目：

var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
fruits.splice(2, 2);

亲自试一试

语法

array.splice(index, howmany, item1, ....., itemX)

参数值

JavaScript pop() 方法

JavaScript Array 对象

实例

移除最后一个数组元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.pop();

fruits 结果输出：

Banana,Orange,Apple

array.splice(index,howmany,item1,.....,itemX);
index 必需，整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany 必需，要删除的项目数量。如果设置为 0，则不会删除项目。
item1,.....,itemX  可选，向数组添加的新项目。

说明：splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。

例：

var array=[0,1,2,3,4,5];

1、向数组中的指定位置添加数据

arr.splice(2,0,"10")
输出: array=[0,1,10,2,3,4,5];

2、删除数组中的指定位置的数据并用新数据替换

arr.splice(2,1,"10")
输出: array=[0,1,10,3,4,5];

3、删除数组中的指定位置开始的多个数据并用新数据替换

arr.splice(2,3,"10") 
输出: array=[0,1,10,5];

4、删除数组中的指定位置的数据方法

获取数组中数据的下标
var index = array.indexOf(4);
删除数据
if(index>-1){
array.splice(index,1);
}