javaScript中Array(数组)的slice()函数

以你之姓@ 2022-11-06 09:51 146阅读 0赞

[JavaScript slice()方法][JavaScript slice]

**直接上代码和截图**

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>javaScript中Array(数组)的slice()函数</title>
    <script type="text/javascript">
    //slice()函数可从已有的数组中返回选定的元素
    //Array.slice(startIndex, endIndex)
    //slice()函数返回一个新的数组，包含从起始下标到结束下标(不包括该元素)的数组中的元素
    
    //slice()函数并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()
    var names = ['韦小宝', '建宁公主', '阿珂', '苏荃', '曾柔', '方怡', '沐剑屏', '双儿'];
    console.log(names);
    console.log(names.slice(1, 7));
    console.log(names);
    //会选取从下标2开始的位置到数组结尾的所有元素
    console.log(names.slice(2));
    console.log(names);
    
    //-1指最后一个元素，-2指倒数第二个元素，以此类推
    //会选取从倒数第4个元素的位置到数组结尾的所有元素
    console.log(names.slice(-4));//Array(4) [ "曾柔", "方怡", "沐剑屏", "双儿" ]
    //会选取从倒数第3个元素的位置到数组的下标为7的位置
    console.log(names.slice(-3, 7));//Array [ "方怡", "沐剑屏" ]
    //会选取从倒数第3个元素的位置到数组的下标为2的位置
    console.log(names.slice(-3, 2));//Array []
    console.log(names);
    </script>
    </head>
    <body>
    <h2>javaScript中Array(数组)的slice()函数</h2>
    </body>
    </html>

**运行结果如下：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70][]

[JavaScript slice]: https://www.w3school.com.cn/jsref/jsref_slice_array.asp
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70]: /images/20221023/f03b55291ddd42f5993bfc4e1b849ac2.png