现在我们使用React、Vue、Angular 通常在处理列表的时候会与JS中的Array打交道,下面总结了一下对列表操作的常用操作,增删查改。
假设我们有一个需求,在这里我们有一个前提,特定位置的index[起点是0开始计算的]
example:
var arr = ['kevin', 'jack', 'rose’]
1 在特定位置后面增加一个元素
我们在kevin后面增加一个元素Lily:
arr.splice(1(index+1), 0 ,’Lily’) //请注意 参数是 (index+1)
当下arr的结果是 ['kevin’, ‘Lily' , 'jack', 'rose']
```
2 删除特定位置的元素
我们删除Lily这个元素,现在它的索引是1:
arr.splice(1(index), 1) //请注意 参数是 index
3 替换特定位置的元素
我们的前提还是第1条操作的结果,比如要把Lily替换成’John’,我们只需要在上面做一个扩展:
arr.splice(1(index), 1, 'John')
4 删除特定位置后面的一个元素
在2的基础上 index+1 作为参数就可以了.
5 在数组最后增加一个元素,删除数组最后一个元素, 在数组头部增加一个元素,删除数组第一个元素
arr.push(yourElement);
arr.pop();
arr.unshift(yourElement);
arr.shift()
unshift -> array <- push
shift <- array -> pop