数组方法 slice splice 的区别

数组slice方法

1.slice(index,end)：方法可从已有数组中返回选定的元素，返回一个新数组，包含从start到end（不包含该元素）的数组元素。(不会改变原数组)

• index参数：必须，规定从何处开始选取，如果为负数，规定从数组尾部算起的位置，-1是指最后一个元素。
• end参数：可选（如果该参数没有指定，那么切分的数组包含从start到数组结束的所有元素，如果这个参数为负数，那么规定是从数组尾部开始算起的元素）

<script>
        let a = [1, 2, 3, 4, 5, 6]
        let b = a.slice(0, 3) //索引0开始截取，索引3结束，不包含索引3
        console.log(b); //1,2,3
    </script>

image.png

数组splice方法

1.splice(index,end)传两个参数时，返回删除的项目splice方法会改变原始数组。

• index：是必须的，整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
• end： 是必须的，要删除的项目数量。如果设置为 0，则不会删除项目。

<script>
        let a = [1, 2, 3, 4, 5, 6]
            // let b = a.slice(0, 3) //索引0开始截取，索引3结束，不包含索引3
            // console.log(b); //1,2,3


        let c = a.splice(2, 3)//索引2开始，删3位，返回被删除的数组
        console.log(c);//[3,4,5]
    </script>

image.png
2.splice(index,end,S)传三个参数时，splice(起始位置，要删除的项数，插入的项)

<script>
        let a = [1, 2, 3, 4, 5, 6]
       
        let d = a.splice(1, 1, 10, 11)
        console.log(d); //2  被删除
        console.log(a); //[1, 10,11 3, 4, 5, 6]   从被删除2的位置开始添加10,11

image.png