从数组 es6 中删除多个元素 - TypeScript

在开发过程中，我们经常需要从数组中删除多个元素。ES6中提供了一些强大的方法来帮助我们完成这个任务，本文将介绍一些方法。

1. splice

splice() 方法可以删除数组中的元素，并将被删除元素替换为新元素。以下是使用 splice() 方法来删除多个元素的示例：

let arr: string[] = ["a", "b", "c", "d", "e", "f"];

arr.splice(2, 2); //从第三个元素开始删除两个元素，即 "c", "d"

console.log(arr); // 输出 [ 'a', 'b', 'e', 'f' ]

这个例子中，我们从数组的第三个位置开始删除了两个元素，即"c"和"d"。

2. slice 和 concat

slice() 方法可以创建一个新数组，其中包含原始数组的指定部分。concat() 方法将两个或多个数组合并为一个数组。结合使用这两个方法，我们可以轻松地从原始数组中删除元素，并创建一个新数组，来保存剩余的元素：

let arr: string[] = ["a", "b", "c", "d", "e", "f"];

let newArr: string[] = arr.slice(0, 2).concat(arr.slice(4));

console.log(newArr); // 输出 [ 'a', 'b', 'e', 'f' ]

这个例子中，我们使用 slice() 方法创建一个包含原始数组的前两个元素的新数组和一个包含原始数组的后两个元素的新数组，然后使用 concat() 方法将这两个数组合并成一个新数组。因此，我们成功地从原始数组中删除了"c"和"d"。

3. filter

filter() 方法创建一个新数组，其中包含通过一个函数测试的所有元素。可以使用 filter() 方法来删除特定的元素：

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

let newArr: number[] = arr.filter(x => x < 4 || x > 5);

console.log(newArr); // 输出 [ 1, 2, 3, 6 ]

在这个例子中，我们筛选出小于4或大于5的所有元素来创建一个新数组。因此，我们成功地从原始数组中删除了 4 和 5。

4. pop 和 shift

pop() 方法可以删除数组的最后一个元素，并返回该元素的值。shift() 方法可以从数组的开头删除一个元素，并返回该元素的值。我们可以使用这两个方法来删除多个元素：

let arr: string[] = ["a", "b", "c", "d", "e", "f"];

arr.pop();
arr.shift();
arr.pop();
arr.shift();

console.log(arr); // 输出 [ 'c', 'd' ]

在这个例子中，我们使用 pop() 和 shift() 方法删除了数组的第一个和最后一个元素，然后又重复执行这个过程。最终，我们成功地从原始数组中删除了"a"、"b"、"e"、"f"四个元素。

结论

这篇文章介绍了使用 ES6 中的一些方法来从数组中删除多个元素的几种方法。这些方法包括 splice、slice、concat、filter、pop 和 shift。这些方法都是强大的工具，可以让我们以简单而灵巧的方式操作数组中的多个元素。