JS删除数组中指定元素的几种方式

在JavaScript中，删除数组中特定元素有多种方法，本文将详细介绍这些方法。

方法一：使用splice()方法

splice()方法可以删除数组中指定位置（索引）的元素，并返回已删除元素的数组。

语法：

arr.splice(start, deleteCount, item1, item2, ...)

参数：

• start：必需，表示删除元素索引的位置，从0开始计数。
• deleteCount：可选，表示要删除的元素个数，如果省略，则删除start位置之后的所有元素。
• item1，item2，...：可选，表示要添加到数组中的元素。如果没指定，则splice()只删除元素。

示例1：

const arr = ['apple', 'banana', 'orange', 'peach'];
arr.splice(1, 1); //删除索引为1的元素（即'banana'）
console.log(arr); //输出["apple", "orange", "peach"]

示例2：

const arr = ['apple', 'banana', 'orange', 'peach'];
arr.splice(1, 2, 'grape', 'watermelon'); //删除索引为1和2的元素，并添加'grape'和'watermelon'元素
console.log(arr); //输出["apple", "grape", "watermelon", "peach"]

方法二：使用filter()方法

filter()方法返回一个新数组，其中只包含符合条件的元素，可以通过将不需要的元素过滤掉来相当于删除数组中指定元素。

语法：

array.filter(function(currentValue, index, arr), thisValue)

参数：

• currentValue：必需，表示当前元素的值。
• index：可选，表示当前元素的索引。
• arr：可选，表示当前数组。
• thisValue：可选，表示当前调用的函数时使用的this值。

示例1：

const arr = ['apple', 'banana', 'orange', 'peach'];
const newArr = arr.filter(function(item) {
  return item !== 'banana'; //过滤掉等于'banana'的元素
});
console.log(newArr); //输出["apple", "orange", "peach"]

示例2：

const arr = [
  {id: 1, name: 'apple'}, 
  {id: 2, name: 'banana'}, 
  {id: 3, name: 'orange'}, 
  {id: 4, name: 'peach'}
];
const newArr = arr.filter(function(item) {
  return item.id !== 2; //过滤掉id等于2的元素
});
console.log(newArr); //输出[{id: 1, name: 'apple'}, {id: 3, name: 'orange'}, {id: 4, name: 'peach'}]

方法三：使用map()和filter()方法

map()方法返回一个新数组，其中每个元素都是在调用函数时根据原始数组的对应元素进行计算得出的值。结合filter()方法，可以先将不需要的元素全部设置为null，然后在使用filter()方法过滤掉null元素。

语法：

array.map(function(currentValue, index, arr), thisValue).filter(function(item))

参数：

• currentValue：必需，表示当前元素的值。
• index：可选，表示当前元素的索引。
• arr：可选，表示当前数组。
• thisValue：可选，表示当前调用的函数时使用的this值。
• item：必需，表示当前元素的值。

示例1：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(function(item) {
  if (item === 3) {
    return null; //将元素设置为null
  } else {
    return item; //返回原始元素
  }
}).filter(function(item) {
  return item !== null; //过滤掉等于null的元素
});
console.log(newArr); //输出[1, 2, 4, 5]

示例2：

const arr = [
  {id: 1, name: 'apple'}, 
  {id: 2, name: 'banana'}, 
  {id: 3, name: 'orange'}, 
  {id: 4, name: 'peach'}
];
const newArr = arr.map(function(item) {
  if (item.id === 2) {
    return null; //将元素设置为null
  } else {
    return item; //返回原始元素
  }
}).filter(function(item) {
  return item !== null; //过滤掉等于null的元素
});
console.log(newArr); //输出[{id: 1, name: 'apple'}, {id: 3, name: 'orange'}, {id: 4, name: 'peach'}]

总结：

以上就是js删除数组中指定元素的几种方式，当然也可以通过循环遍历数组、使用delete操作符等方式来删除数组元素，但这些方式并不常用，且不如上述几种方式简单、高效。在具体操作中，可以根据实际情况选择不同的方式。