slice & splice 学习笔记

slice(开始位置,结束位置)

1.返回的数组,是开始位置到结束位置,但是不包含结束位置

let a=[1,2,3,4,5]

> a.slice(0,3)    
            ===> 开始位置 : 下标[0]   1
            ===> 结束位置  : 下标[3]   4
            ===> 范围:  1,2,3,4
            ===> 结果:[1,2,3] (不包含结束位置)
2.一个参数时,从当前开始位置,到数组最后位置
let a=[1,2,3,4,5]

>a.slice(1)
            ===> 开始位置 : 下标[1]   2
            ===> 结束位置  : 到最后
            ===> 范围:  2,3,4,5
            ===> 结果:[2,3,4,5]     
3.参数为负数,相对于最后一个,倒着数过来
let a=[1,2,3,4,5]

>a.slice(1, -1)
            ===> 开始位置 : 下标[1]   2
            ===> 结束位置  : 倒数最后一个,5
            ===> 范围:  2,3,4,5
            ===> 结果:[2,3,4]  (不包含结束位置)
let a=[1,2,3,4,5]

>a.slice(-3,-1)
            ===> 开始位置 : 倒着数第三个   3
            ===> 结束位置  : 倒数最后一个,5
            ===> 范围:  3,4,5
            ===> 结果:[3,4]  (不包含结束位置) 

splice(开始位置,要删的个数,可插入元素【可写多个】)

1.一个参数时,从当前下标到最后都删掉

let a=[1,2,3,4,5]
>a.splice(1)
            ===> 开始位置 : 下标[1],2
            ===> 结束位置  : 到最后
            ===> 范围:  2<---->最后
            ===> 被删部分(a.splice):[2,3,4,5]
            ===> a的结果:[1]  
2.第一个参数--开始位置,第二个参数--删除的个数
即:从开始位置向后删除几个

let a=[1,2,3,4,5]
>a.splice(1,2)
            ===> 开始位置 : 下标[1],2
            ===> 结束位置  : 向后删两个,包括自己2,到3
            ===> 范围:  2<---->3
            ===> 被删部分(a.splice):[2,3]
            ===> a的结果:[1,4,5]  
3.第二个参数为0的情况,返回一个空数组

let a=[1,2,3,4,5]

>a.splice(1,0)
            ===> 开始位置 : 下标[1],2
            ===> 结束位置  : 空数组
            ===> 范围:  [ ]
            ===> 被删部分(a.splice):[ ]
            ===> a的结果:[1,2,3,4,5]  
4.第三个参数以及后面的都为要插入的元素
插入的过程当中,插入到当前开始位置的前面

第一种情况,第二个参数为0的情况

let a=[1,2,3,4,5]

>a.splice(1,0,'a','b')
            ===> 开始位置 : 下标[1],2
            ===> 结束位置  : 空数组
            ===> 范围:  在2前面插入两个元素 'a','b'
            ===> 被删部分(a.splice):[ ]
            ===> a的结果:[1, "a", "b", 2, 3, 4, 5]  
5.第二个参数不为0的情况进行插入
let a=[1,2,3,4,5]

>a.splice(1,2,[6,7])
            ===> 开始位置 : 下标[1],2
            ===> 结束位置  : 向后共两位,包括自己,到3
            ===> 范围:  在2前面插入两个元素 'a','b'
            ===> 被删部分(a.splice):[2,3 ]
            ===> 删除后剩余结果:[1,4,5]
            ===> a的结果:在第一个参数位置前面插入,
                                      即下标[1],就是4前面
                                      结果[1,[6,7],4,5]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,035评论 0 0
  • 第三章 类型、值和变量 1、存取字符串、数字或布尔值的属性时创建的临时对象称做包装对象,它只是偶尔用来区分字符串值...
    坤少卡卡阅读 650评论 0 1
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,149评论 0 21
  • JS基础 页面由三部分组成:html:超文本标记语言,负责页面结构css:层叠样式表,负责页面样式js:轻量级的脚...
    小贤笔记阅读 620评论 0 5
  • 新年快乐! 在2017年新年的第1天,我用3分钟准备了一道早餐,既简单方便,又健康有营养。当然,也好吃!小小的满足...
    一只早鸟阅读 536评论 0 1