JavaScript基础学习之splice()函数详解
更新时间：2022年04月22日 15:49:28 作者：献_
在前端JavaScript编程过程中,为了开发出更具交互性的web应用,需要对一些数组进行处理,下面这篇文章主要给大家介绍了关于JavaScript基础学习之splice()函数的相关资料,需要的朋友可以参考下
splice()函数详解
splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。
注释：该方法会改变原始数组。
参数：
index —— 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany —— 必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, …, itemX —— 可选。向数组添加的新项目。
返回值
Array —— 包含被删除项目的新数组，如果有的话。
一、情况一(只有一个参数)
splice(index) ——> 从index的位置开始，删除之后的所有元素(包括第index个)
若 index < 0 , 则删除最后-index个元素
splice()函数返回删除元素数组
<script type="text/javascript">
var array = [0,1,2,3,4,5,6]
document.write("原数组为："+array + "<br />")
array.splice(2)
document.write("array.splice(2)的结果为：",array)
</script>
var array = [0,1,2,3,4,5,6]
document.write("原数组为："+array + "<br />")
var result = array.splice(-3)
document.write("array.splice(-3)的结果为：",array + "<br />")
document.write("删除的内容为：",result)
二、情况二 (两个参数)
splice(index,howmany) ——> 删除从index位置开始的数，howmany为删除的个数
若 howmany 小于等于 0，则不删除
<script type="text/javascript">
var array = [0,1,2,3,4,5,6]
document.write("原数组为："+array + "<br />")
var result = array.splice(2,1)
document.write("array.splice(2,1)的结果为：",array + "<br />")
document.write("删除的内容为：",result)
</script>
var result = array.splice(2,0)
document.write("array.splice(2,0)的结果为：",array + "<br />")
document.write("删除的内容为：",result)
三、情况三 (大于等于三个参数)
splice(index ,howmany , item1, …, itemX )
index >0 时
(1. howmany 为 0 时 不删除只添加 —— 在index位置前添加item1, …, itemX的数
(2. howmany > 0 删除且添加 —— 在index位置前添加item1, …, itemX的数，并且删除从index位置开始的数，howmany为删除的个数index <0 时 最后一个数为 -1 依次倒数第二个数为-2
(1. howmany 为 0 时 不删除只添加 —— 在-index位置前添加item1, …, itemX的数
(2. howmany > 0 删除且添加 —— 在-index位置前添加item1, …, itemX的数，并且删除从-index位置开始的数，howmany为删除的个数
1.1
<script type="text/javascript">
var array = [0,1,2,3,4,5,6]
document.write("原数组为："+array + "<br />")
var result = array.splice(2,0,8,9)
document.write("array.splice(2,0,8,9)的结果为：",array + "<br />")
document.write("删除的内容为：",result)
</script>
1.2
var result = array.splice(5,3,8,9)
document.write("array.splice(2,0,8,9)的结果为：",array + "<br />")
document.write("删除的内容为：",result)
2.1
<script type="text/javascript">
var array = [0,1,2,3,4,5,6]
document.write("原数组为："+array + "<br />")
var result = array.splice(-2,0,8,9)
document.write("array.splice(-2,0,8,9)的结果为：",array + "<br />")
document.write("删除的内容为：",result)
</script>
2.2
<script type="text/javascript">
var array = [0,1,2,3,4,5,6]
document.write("原数组为："+array + "<br />")
var result = array.splice(-2,3,8,9)
document.write("array.splice(-2,3,8,9)的结果为：",array + "<br />")
document.write("删除的内容为：",result)
</script>
总结
到此这篇关于JavaScript基础学习之splice()函数详解的文章就介绍到这了,更多相关js splice()函数详解内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
下面小编就为大家带来一篇JavaScript学习笔记整理_关于表达式和语句。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要为大家介绍了javascript代理模式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
下面小编将通过实例由浅入深讲解 prototype 的具体使用方法。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
如果想用javascript获取一个元素的样式信息，首先想到的应该是元素的style属性,下面我们看看javascript如何获取元素CSS样式2013-11-11
假如您需要运行代码多次，且每次使用不同的值，那么循环（loop）相当方便使用。本篇文章通过几个实例来带你掌握循环的用法2021-11-11
这篇文章主要介绍了uniapp 实现录音上传功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-09-09
把本小鸟着几天学习jacascript的一些心得发给大家看看 不一定很全面但应该适合一些想学习基础的人看 在以后我回相继发出php语言的基础2008-06-06
这篇文章主要介绍了JavaScript的21条基本知识点的相关资料,需要的朋友可以参考下2014-03-03
JavaScript变量声明很简单，但是这里也有要学习的知识点，对于JavaScript基础学习很重要。2013-10-10
本文结合前面发布的文章，详细介绍了javascript的函数问题，非常的详尽，非常的实用，这里推荐给大家，是篇不可多得的文章2014-11-11
最新评论