脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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方法用法详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • 微信小程序实现无限滚动列表

    微信小程序实现无限滚动列表

    这篇文章主要为大家详细介绍了微信小程序实现无限滚动列表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-11-11
  • ES6新语法Object.freeze和Object.seal基本使用

    ES6新语法Object.freeze和Object.seal基本使用

    这篇文章主要为大家介绍了ES6新语法Object.freeze和Object.seal基本使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-01-01
  • 微信小程序异步处理详解

    微信小程序异步处理详解

    这篇文章主要为大家详细介绍了微信小程序异步处理的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-11-11
  • 微信小程序实现日历效果

    微信小程序实现日历效果

    这篇文章主要为大家详细介绍了微信小程序实现日历效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-12-12
  • 基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例

    基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例

    这篇文章主要介绍了基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • JS实现自动固定顶部的悬浮菜单栏效果

    JS实现自动固定顶部的悬浮菜单栏效果

    这篇文章主要介绍了JS实现自动固定顶部的悬浮菜单栏效果,涉及JavaScript针对window.onscroll事件的响应及页面样式动态变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • JS实现json数组排序操作实例分析

    JS实现json数组排序操作实例分析

    这篇文章主要介绍了JS实现json数组排序操作,结合实例形式分析了javascript针对json数组的遍历、排序简单操作技巧,需要的朋友可以参考下
    2019-10-10
  • 深入剖析JavaScript instanceof 运算符

    深入剖析JavaScript instanceof 运算符

    这篇文章主要介绍了深入剖析JavaScript instanceof 运算符,ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。,需要的朋友可以参考下
    2019-06-06
  • javascript:void(0)用法及常见问题分析

    javascript:void(0)用法及常见问题分析

    javascript:void(0) 在某些情况下会有浏览器不兼容的bug。下面我们先来看下javascript:void(0) 的基础介绍及用法，然后再来看使用它会出现什么问题，该怎么解决，感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • js模仿php中strtotime()与date()函数实现方法

    js模仿php中strtotime()与date()函数实现方法

    这篇文章主要介绍了js模仿php中strtotime()与date()函数实现方法,涉及javascript时间操作的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-08-08

最新评论