如何截取数组中的某一段

截取数组中的某一段是我们经常需要用到的操作，比如我们想从一个数组中获取其中的一部分数据进行处理或者展示。在JavaScript中，我们可以使用slice()、splice()等方法来实现数组的截取，下面我们将从多个方面详细阐述数组的截取操作。

一、slice()方法

slice()方法可以用来从已有的数组中返回选定的元素。

  const arr = [1, 2, 3, 4, 5];
    //截取arr数组中从索引为1的元素到索引为3的元素（不包括3）
    const newArr = arr.slice(1, 3);
    console.log(newArr); // [2, 3] 

上述代码中，我们声明了一个数组arr，然后使用slice()方法从索引为1到索引为3的元素截取了一部分，并将其存储在newArr数组中，输出 newrArr 数组后为 [2, 3]。

slice()方法还可以接受只有一个参数的情况，该参数指定了截取的开始位置，结束位置则默认为数组的结尾。

  const arr = [1, 2, 3, 4, 5];
    //截取arr数组中从索引为1开始到结尾的所有元素
    const newArr = arr.slice(1);
    console.log(newArr); // [2, 3, 4, 5] 

二、splice()方法

splice()方法可以用来向数组中添加或删除元素。

  const arr = [1, 2, 3, 4, 5];
    //从索引为1的位置开始，删除3个元素，并替换为6、7两个元素
    const newArr = arr.splice(1, 3, 6, 7);
    console.log(arr); // [1, 6, 7, 5]
    console.log(newArr); // [2, 3, 4] 

上述代码中，我们声明了一个数组arr，然后使用splice()方法从索引为1的位置开始，删除了3个元素，并添加了6和7两个元素，将其存储在newArr数组中并输出newArr数组和arr数组。

splice()方法还可以接受只有一个参数的情况，该参数指定了截取的开始位置，并删除开始位置后的所有元素，并返回删除的所有元素。

  const arr = [1, 2, 3, 4, 5];
    //从索引为1的位置开始，删除开始位置后的所有元素
    const newArr = arr.splice(1);
    console.log(arr); // [1]
    console.log(newArr); // [2, 3, 4, 5] 

三、逆序截取数组

有时候我们需要获取数组中的后几个元素，可以使用slice()和splice()方法结合数组的length属性来实现。

  const arr = [1, 2, 3, 4, 5];
    //逆序截取arr数组中的后两个元素
    const newArr = arr.slice(arr.length - 2);
    console.log(newArr); // [4, 5] 

上述代码中，我们通过数组的length属性获取了arr数组的长度，并使用slice()方法截取了后两个元素。

四、总结

slice()和splice()方法都可以用来截取数组中的某一段，并返回新的数组，两者都可以接受一个或两个参数，表示截取的起始和结束位置，其中splice()方法还可以用来添加或删除元素。另外，我们还可以通过数组的length属性和slice()方法逆序截取数组中的元素。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com