【js】数组arr.splice的使用

前言

众所周知，splice() 方法用于添加或删除数组中的元素。那替换的实现呢？删除+添加。这与遍历不同，遍历时不能同时进行添加与删除操作，但是splice完美的解决这一问题

使用场景

在实际开发中，我们使用splice最多的场景就是删除，删除数组某一项，几乎忽略splice添加数据的功能，实话说，如果不是项目突然遇到这种需求，很难从记忆蒙尘处将它的这一功能扒出来。

splice添加数据功能的使用场景
遇到这样的需求，后端将所有数据全部返给前端，前端做类似分页显示部分数据的需求，例如：考试试卷分页，每页显示五条，等用户考试完成候提交试卷，入参全部题目数据
分页实现：slice取相应数据赋值给循环显示题目的arr，

splice的用法（参数）

arr.splice(index,many,item1...)

index：splice()的第一个参数，表示开始操作的索引值
many：splice()的第一个参数，表示要操作/处理的数量
item1…：；splice()的第三个及三个以上的参数表示要替换到index处的值

splice()的妙用就在于，当只传入前两个参数，并且第二个参数不为0时，它表示的是：从index开始，删除包括arr[index]在内的many个数据；一旦传入三个参数它就表示：从index开始，删除包括arr[index]在内的many个数据，并将item1…等插入到index处
示例：

var arr = [1,2,3,4,5]

arr.splice(1,1)
//从2(索引为1)开始删除1个数值=》arr =[1, 3, 4, 5]

arr.splice(1,1,'a')
//从2(索引为1)开始删除1个数值并插入'a'=》arr=[1, 'a', 4, 5]

arr.splice(1,1,'a','b')
//从2(索引为1)开始删除1个数值并插入'a' 'b'=》arr= [1, 'a', 'b', 4, 5]

arr.splice(1,0,'s','o')		
//从2(索引为1)开始删除0个数值并添加到索引1处's' 'o'=》arr=[1, 's', 'o', 'a', 'b', 4, 5]