[前端]数组splice方法的使用

数组中splice方法主要是有三个作用:删除、替换、添加功能。

array.splice(start, deleteCount, [item1, item2, ...])

1.删除功能
start:代表起始位置(从0开始,如果只有它一个参数,就代表删除它从这个位置开始的所有值(也包括它自己))
例如:

var arr = [1,2,3,4,5];
arr.splice(2);
console.log(arr);// [1,2]

deleteCount代表要删除的个数

var arr = [1,2,3,4,5];
arr.splice(2,2);
console.log(arr);// [1,2,5]

2.替换功能
item代表要替换的值

var arr = [1,2,3,4,5];
arr.splice(1,2,'a','c');
console.log(arr);// [1, 'a', 'c', 4, 5]

3.添加功能

var arr = [1,2,3,4,5];
arr.splice(1,0,'a','c');
console.log(arr);// [1, 'a', 'c', 2, 3, 4, 5]

注意:
1.返回值是所有删除的元素组成的数组(如果没有删除元素,得到的是一个空数组)。
2.实现添加功能时,deleteCount设置为0即可。
3.如果第一个参数大于这个数组的长度,默认就是不删除。
4.如果第一个参数是负数,则倒着往前查找。
5.splice方法是会改变原数组的。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 数组方法备忘单: 添加/删除元素:push(...items) —— 向尾端添加元素,pop() —— 从尾端提取...
    个人观察日记阅读 2,795评论 0 0
  • 添加/移除首端或尾端数组元素 从数组的首端或尾端添加和删除元素的方法: arr.push(...items) ——...
    AaronMIE阅读 2,656评论 0 0
  • 数组实例方法splice通过移除现有元素或者增加新的元素来改变原始数组。方法参数挺多,属于比较复杂的方法。方法返回...
    Egde阅读 4,218评论 0 0
  • 操作数据的方法有很多,我们在日常开发过程中会经常用到这些方法,今天把这些方法仔细的总结一下。 首先先了解一下会修改...
    Maco_wang阅读 3,332评论 0 5
  • Javascript有很多数组的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,M...
    顽皮的雪狐七七阅读 9,689评论 0 6