JavaScript的splice方法作用详解

最新推荐文章于 2024-08-19 17:26:10 发布

铁锤妹妹头发多

最新推荐文章于 2024-08-19 17:26:10 发布

阅读量1.3k

点赞数 2

分类专栏：前端文章标签： javascript splice 前端 js web

本文链接：https://blog.csdn.net/SSS_Benjamin/article/details/105931543

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文深入解析JavaScript中的splice方法，包括如何删除元素、替换元素和插入元素。splice方法的第一个参数指定起始位置，第二个参数决定操作数量。在删除元素时，若参数超过可用元素，会删除所有后续元素；替换元素则先删除指定数量的元素，再添加新元素；而插入元素则是当第二个参数为0时，仅在指定位置插入元素。

摘要由CSDN通过智能技术生成

splice本意拼接，但可以扩展出很多用法，体现在第二个参数的选择上
第一个参数是起始位置，不包含这一位置的元素，注意是起始位置不是下标，从1开始

var letters = ['a','b','c','d']

删除元素

第二个参数：要删除几个元素

letters.splice(1,1) // ['a','c','d']
letters.splice(2,1) // ['a','b','d']

如果第二个参数大于起始位置后面元素的数量（不够删的）：从起始位置开始删除后面所有的元素（但是不建议这样，代码要严谨）

letters.splice(2,5) // ['a','b']

第二个参数缺省：从起始位置开始删除后面所有的元素

letters.splice(1) // ['a']

替换元素

替换元素实际上就是先执行上面的删除元素，然后添加传入的元素
或者说：第二个参数是要替换几个元素，后面是用于替换的元素

letters.splice(1,3,'m','n','l') // ['a','m','n','l']
letters.splice(1,3,'m','n','l','x') // ['a','m','n','l','x']
letters.splice(1,2,'m','n','l','x') // ['a','m','n','l','x','d']

插入元素

插入元素实际上就是替换元素中不执行删除的情况，即第二个参数是0

letters.splice(1,0,'x','y','z') // ['a','x','y','z','b','c','d']