为了账号安全,请及时绑定邮箱和手机立即绑定

js数组的删除,插入和替换

标签:
JavaScript

首先解释下本节要记录的功能:js数组删除指定位置的的元素,或者在指定位置插入元素,或者替换某个位置的元素;

splice:该方法是Array对象中最强大的方法,以上所有功能,用该方法都可以实现;

删除:删除可以从指定位置开始,可以删除一个或者连续几个元素,具体如下:

https://img1.sycdn.imooc.com//5d2d823200014f8e04730124.jpg

删除指定位置一个元素

https://img1.sycdn.imooc.com//5d2d8236000120de03450165.jpg

删除结果

连续删除:

https://img1.sycdn.imooc.com//5d2d823b0001ccf904830116.jpg

连续删除几个元素

https://img1.sycdn.imooc.com//5d2d82560001a3d803070129.jpg

删除掉第二,三个元素

删除注意:当参数超出数组下标时,会发生什么?

https://img1.sycdn.imooc.com//5d2d82590001608005470217.jpg

当参数异常时

https://img1.sycdn.imooc.com//5d2d825e0001b56f04700241.jpg

由此可见,当后一个参数超出下标时,会从指定位置开始删除直至数组末尾,全部删除;当第一个参数超出下标时,数组不变,我们的猜想:当splice方法接收到参数时,和数组长度比较,当位置参数超出下标,直接不做处理,当要删除的元素个数 + 位置参数 > 数组length,会删除“位置”之后的所有元素;

插入:从指定位置开始插入要插入的项,至少三个参数,第一个位置信息,第二个参数 0,第三个乃至第n个参数为要插入的项;

https://img1.sycdn.imooc.com//5d2d82780001b42a05100286.jpg

插入的所有情况

https://img1.sycdn.imooc.com//5d2d827b0001a4ff06510229.jpg

最后插入的结果

替换:本质是先在”指定位置“(第一个参数)删除“指定数量的项”(第二个参数),然后插入“任意数量的项“(第三个乃至第n个参数),替换其实是插入的第二个参数不为0的结果,它的特殊情况与删除的特殊情况相同:

https://img1.sycdn.imooc.com//5d2d82810001a0fc04670212.jpg

替换

https://img1.sycdn.imooc.com//5d2d828f000111ff04730337.jpg

替换结果

最后注意:splice方法实在改变原数组的基础上进行操作的;

最后说一句:简单的事情重复做就是不简单,平凡的事情重复做,就是不平凡---坚持;



作者:XBGG
链接:https://www.jianshu.com/p/a8b2732f1e26


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消