ES6数组删除指定元素的多种方法

一、利用filter方法

let arr = [1, 2, 3, 4, 5];
let target = 3;
arr = arr.filter(item => item !== target);
console.log(arr); // [1, 2, 4, 5]

ES6提供了filter方法，可以对数组进行过滤。将指定元素从数组中删除，只需在数组的filter方法中传入一个回调函数，回调函数会返回一个布尔值，true表示留下该元素，false表示删除该元素。

二、利用splice方法

let arr = [1, 2, 3, 4, 5];
let index = arr.indexOf(3);
if (index !== -1) {
  arr.splice(index, 1);
}
console.log(arr); // [1, 2, 4, 5]

splice可以删除指定索引处的元素，第一个参数是要删除的起始索引，第二个参数是要删除的元素个数。可以先通过indexOf方法获取要删除的元素的索引，然后再使用splice方法删除该元素。

三、利用slice和concat方法

let arr = [1, 2, 3, 4, 5];
let index = arr.indexOf(3);
if (index !== -1) {
  arr = arr.slice(0, index).concat(arr.slice(index + 1));
}
console.log(arr); // [1, 2, 4, 5]

可以通过slice方法将数组分割成两段，再将两段拼接起来，从而达到删除指定元素的目的。第一个slice方法获取起始位置到要删除元素的前一个位置的元素，第二个slice方法获取要删除元素的后一个元素到数组末尾的元素，再使用concat方法将两段拼接起来。

四、利用reduce方法

let arr = [1, 2, 3, 4, 5];
let target = 3;
arr = arr.reduce((result, item) => {
  if (item !== target) {
    result.push(item);
  }
  return result;
}, []);
console.log(arr); // [1, 2, 4, 5]

reduce方法可以将数组中的元素累加到一个结果中，只需返回一个结果即可。将指定元素从数组中删除，只需在reduce方法中判断元素是否是要删除的元素，是则不加入新数组，否则加入新数组中。

五、利用while循环和splice方法

let arr = [1, 2, 3, 4, 5];
let target = 3;
let index;
while ((index = arr.indexOf(target)) !== -1) {
  arr.splice(index, 1);
}
console.log(arr); // [1, 2, 4, 5]

利用while循环和splice方法可以多次删除数组中的指定元素。只需在while循环中不断查找要删除的元素的索引，直到查找不到为止。