使用arr.slice快速切掉数组中的一些元素

terry 2年前 (2023-09-30) 阅读数 49 #PHP

文章标签 PHP

在JavaScript中，我们经常对数组进行处理，比如过滤、添加、删除、截断等，切掉一些元素是常用的操作之一。例如，您需要从较大的数组中截取第一个元素或某个范围内的元素。本文将介绍如何使用数组的slice方法来快速对数组的某些元素进行切片。

1。圆盘法的基本使用

slice方法可以从数组中捕获一些元素并返回一个新数组，而原始数组不会改变。切片方法的语法如下：

arr.slice([start], [end])

其中arr表示截取的矩阵，start和end表示截取的开始位置和结束位置。开始和结束都是可选的。如果不提供，则默认从头或尾抓，如下：

start：从哪个索引开始剪辑，如果省略则从0
end：截断哪个索引（末尾对应的元素除外），如果省略则截断到数组末尾

以下是使用圆盘方法的一些示例：

// 原始数组
var arr = ["apple", "banana", "orange", "pear"];

// 从索引为 1 的位置开始截取，截取到索引为 3 （不包括 3）的位置
var res1 = arr.slice(1, 3);   // ["banana", "orange"]

// 从索引为 2 的位置开始截取，截取到数组结尾
var res2 = arr.slice(2);      // ["orange", "pear"]

// 从数组开始截取，截取到索引为 2 （不包括 2）的位置
var res3 = arr.slice(0, 2);   // ["apple", "banana"]

// 截取整个数组
var res4 = arr.slice();       // ["apple", "banana", "orange", "pear"]

2。快速切掉矩阵的第一个元素

有时我们必须从更大的选择中删除第一个元素。我们可以使用切片方法结合箭头函数方法来实现，例如：

var arr = [1, 2, 3, 4, 5, 6];

// 截取前 3 个元素
var res1 = arr.slice(0, 3);              // [1, 2, 3]

// 截取前 4 个元素
var res2 = arr.slice(0, 4);              // [1, 2, 3, 4]

// 截取前 5 个元素
var res3 = arr.slice(0, 5);              // [1, 2, 3, 4, 5]

// 截取前 2 个元素
var res4 = arr.slice(0, 2);              // [1, 2]

// 使用箭头函数来简化代码
var take = n => arr.slice(0, n);

// 截取前 3 个元素
var res5 = take(3);                      // [1, 2, 3]

// 截取前 4 个元素
var res6 = take(4);                      // [1, 2, 3, 4]

3。快速切掉矩阵的最后一个元素

除了截掉第一个元素之外，我们有时还需要截掉数组的最后一个元素。这也可以通过使用切片方法结合箭头函数方法来实现，例如：

var arr = [1, 2, 3, 4, 5, 6];

// 截取最后 3 个元素
var res1 = arr.slice(-3);                // [4, 5, 6]

// 截取最后 4 个元素
var res2 = arr.slice(-4);                // [3, 4, 5, 6]

// 截取最后 5 个元素
var res3 = arr.slice(-5);                // [2, 3, 4, 5, 6]

// 截取最后 2 个元素
var res4 = arr.slice(-2);                // [5, 6]

// 使用箭头函数来简化代码
var takeLast = n => arr.slice(-n);

// 截取最后 3 个元素
var res5 = takeLast(3);                  // [4, 5, 6]

// 截取最后 4 个元素
var res6 = takeLast(4);                  // [3, 4, 5, 6]

4。切掉一部分矩阵并进行更改

有时候我们需要截掉矩阵中的部分元素，并对这些元素进行修改，比如转换大小写字母、去掉空格等，这可以通过使用切片方法结合map方法来实现，例如：

var arr = [" apple ", " banana ", " orange ", " pear "];

// 去除空格并转换为小写
var res1 = arr.slice(1, 3).map(x => x.trim().toLowerCase());    // ["banana", "orange"]

// 将所有元素转换为大写
var res2 = arr.slice().map(x => x.toUpperCase());              // [" APPLE ", " BANANA ", " ORANGE ", " PEAR "]

5。切掉一部分矩阵，编织成其他矩阵

有时我们需要捕获数组的部分元素并将它们合并到其他数组中。我们可以使用扩展运算符来实现这一点，例如：

var arr1 = [1, 2, 3, 4, 5];
var arr2 = [6, 7, 8, 9, 10];

// 将 arr1 的前 3 个元素和 arr2 组成新数组
var res1 = [...arr1.slice(0, 3), ...arr2];    // [1, 2, 3, 6, 7, 8, 9, 10]

// 将 arr1 的最后 2 个元素和 arr2 组成新数组
var res2 = [...arr1.slice(-2), ...arr2];      // [4, 5, 6, 7, 8, 9, 10]