Splice方法的图像化理解

袁超

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]
  
  
  

总结

splice是非常好用的一个对数组修改的方法，可以同时实现添加、修改、删除，本文是笔者初学splice方法时的自我总结，如有遗漏或错误还请评论区斧正。

来源:https://www.cnblogs.com/youngtruck/p/18138800
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！