splice在英语中的意思是拼接,在实际的代码使用中,splice就在数组中起到了一个拼接的作用
使用方法
splice(x,y,a,b,c,...)
其中x、y为数字,a、b、c为新添加的项,意思是从数组的第x项开始删除y项,并在其中添加a、b、c...,其中x、y必填,abc可不填
图像理解
现在让我们将splice方法想象成一把剪刀,splice(x,y,a,b,c,...)
其中x表示剪刀落剪的位置,y表示剪去片段的长度,后面跟着的项则表示新插入的片段
或许这样表述还是有些抽象,但请接着往下看——
我们先声明一个数组
let array = [0,1,2,3,4]
它的内部结构如下——
删除
如果我们想要删除数组之中的array[1]和array[2]以及array[3]就可以用到以下代码——
array.splice(1,3)
它的意思是从第1项开始,连续删除3项
用图像理解就是剪刀在第一项落剪,开始剪去一个长度为3的片段
在剪去之后,将剩下的片段前后拼接,便有了新的数组——array=[0,4]
添加
如果我们想在指定位置添加几项,那么可以将y设置成0
array.splice(1,0,’新‘)
这样剪刀只会在对应位置剪开一个缺口,而不会剪去任何片段,之后我们将新片段插入并两端拼接,便有了下面这个新的数组——array=[0,'新',1,2,3,4]
综合使用
array.splice(2,1,9,'好')
对于这段代码我们分步骤来看它是如何执行的——
- 从第二项落剪
2.剪去长度为1的片段
-
移除剪去的片段并插入新片段
-
拼接并得到新数组array=[0,1,9,'新',3,4]
文章来源:https://www.toymoban.com/news/detail-853612.html
总结
splice是非常好用的一个对数组修改的方法,可以同时实现添加、修改、删除,本文是笔者初学splice方法时的自我总结,如有遗漏或错误还请评论区斧正。文章来源地址https://www.toymoban.com/news/detail-853612.html
到了这里,关于Splice方法的图像化理解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!