美文网首页
数组方法 slice splice 的区别

数组方法 slice splice 的区别

作者: 璃安_ | 来源:发表于2022-09-25 15:10 被阅读0次

数组方法 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

相关文章

网友评论

      本文标题:数组方法 slice splice 的区别

      本文链接:https://www.haomeiwen.com/subject/myaportx.html