脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript中splice

JavaScript中的splice方法用法详解

 更新时间：2016年07月20日 10:14:37   作者：wenxuechaozhe  
JavaScript中的splice主要用来对js中的数组进行操作，包括删除，添加，替换等。这篇文章主要介绍了JavaScript中的splice方法用法详解的相关资料,需要的朋友可以参考下

JavaScript中的splice主要用来对js中的数组进行操作，包括删除，添加，替换等。

注意：这种方法会改变原始数组！。

1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）

2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）

3.替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

示例：

1、删除功能，第一个参数为第一项位置，第二个参数为要删除几个。

array.splice(index,num)，返回值为删除内容，array为结果值。

eg：

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = ['a','b','c','d']; 
var removeArray = array.splice(0,2); 
alert(array);//弹出c,d 
alert(removeArray);//返回值为删除项，即弹出a,b 
</script> 
</body> 
</html>

2、插入功能，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）

array.splice(index,0,insertValue)，返回值为空数组，array值为最终结果值

eg:

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = ['a','b','c','d']; 
var removeArray = array.splice(1,0,'insert'); 
alert(array);//弹出a,insert,b,c,d 
alert(removeArray);//弹出空 
</script> 
</body> 
</html>

3、替换功能，第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

array.splice(index,num,insertValue)，返回值为删除内容，array为结果值。

eg:

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = ['a','b','c','d']; 
var removeArray = array.splice(1,1,'insert'); 
alert(array);//弹出a,insert,c,d 
alert(removeArray);//弹出b 
</script> 
</body> 
</html>

以上所述是小编给大家介绍的JavaScript中的splice方法用法详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • Javascript中的String对象详谈

    Javascript中的String对象详谈

    这篇文章主要介绍了Javascript中的String对象,需要的朋友可以参考下
    2014-03-03
  • JavaScript中的数据劫持和数据代理使用

    JavaScript中的数据劫持和数据代理使用

    文章主要介绍了数据劫持（Object.defineProperty）和数据代理（Proxy）两种方式在JavaScript中的应用,并通过生活中的例子来详细解释它们的工作原理和使用场景,文章还对比了两种方式的优缺点,并指出了它们在Vue.js中的应用
    2025-02-02
  • JS实现给json数组动态赋值的方法示例

    JS实现给json数组动态赋值的方法示例

    这篇文章主要介绍了JS实现给json数组动态赋值的方法,结合实例形式分析了javascript针对json数组的遍历、赋值等常用操作技巧,需要的朋友可以参考下
    2017-07-07
  • 如何利用moment处理时间戳并计算时间的差值

    如何利用moment处理时间戳并计算时间的差值

    前端很多场景都会涉及到对时间的处理,我所用得最多的库是moment,下面这篇文章主要给大家介绍了关于如何利用moment处理时间戳并计算时间的差值的相关资料,需要的朋友可以参考下
    2022-04-04
  • 获取DOM对象的几种扩展及简写

    获取DOM对象的几种扩展及简写

    获取DOM对象的几种扩展及简写...
    2006-10-10
  • js将多维数组转为一维数组后去重排序

    js将多维数组转为一维数组后去重排序

    本文主要介绍了js将多维数组转为一维数组后去重排序，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-06-06
  • 小程序实现Token生成与验证

    小程序实现Token生成与验证

    本文主要介绍了小程序实现Token生成与验证，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-12-12
  • JS实现简单Tab栏切换案例

    JS实现简单Tab栏切换案例

    这篇文章主要为大家详细介绍了JS实现简单Tab栏切换案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-03-03
  • JavaScript Base64 作为文件上传的实例代码解析

    JavaScript Base64 作为文件上传的实例代码解析

    这篇文章主要介绍了JavaScript Base64 作为文件上传的实例代码解析,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-02-02
  • 如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

    如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

    从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本，下面通过本文给大家介绍下如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
    2016-12-12

最新评论