JavaScript中的splice方法用法详解


Posted in Javascript onJuly 20, 2016

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 相关文章推荐
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
js下获取div中的数据的原理分析
Apr 07 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
JavaScript中数据结构与算法(一):栈
Jun 19 Javascript
JQuery实现级联下拉框效果实例讲解
Sep 17 Javascript
js+canvas绘制五角星的方法
Jan 28 Javascript
jQuery获取单击节点对象的方法
Jun 02 Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 Javascript
Vue实现简单分页器
Dec 29 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 Javascript
Bootstrap被封装的弹层
Jul 20 #Javascript
必备的JS调试技巧汇总
Jul 20 #Javascript
JavaScript的==运算详解
Jul 20 #Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
Jul 20 #Javascript
javascript中数组和字符串的方法对比
Jul 20 #Javascript
js简单实现图片延迟加载的方法
Jul 19 #Javascript
JS实现输入框提示文字点击时消失效果
Jul 19 #Javascript
You might like
从康盛产品(discuz)提取出来的模板类
2011/06/28 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
如何使用微信公众平台开发模式实现多客服
2016/01/06 PHP
Yii中CGridView禁止列排序的设置方法
2016/07/12 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
最简单的js图片切换效果实现代码
2011/09/24 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
在javascript中执行任意html代码的方法示例解读
2013/12/25 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
2015/10/04 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
js中的事件委托或是事件代理使用详解
2017/06/23 Javascript
利用JS实现一个同Excel表现的智能填充算法
2018/08/13 Javascript
vue删除html内容的标签样式实例
2018/09/13 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
[10:53]2018DOTA2国际邀请赛寻真——EG
2018/08/11 DOTA
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
Python sys.argv用法实例
2015/05/28 Python
Python多线程threading和multiprocessing模块实例解析
2018/01/29 Python
在python 中实现运行多条shell命令
2019/01/07 Python
Python 文件操作之读取文件(read),文件指针与写入文件(write),文件打开方式示例
2019/09/29 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
在python中做正态性检验示例
2019/12/09 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
会计出纳员的自我评价
2014/01/15 职场文书
网上卖盒饭创业计划书范文
2014/02/07 职场文书
电子工程专业毕业生求职信
2014/03/14 职场文书
目标责任书范文
2014/04/14 职场文书
社区服务活动小结
2014/07/08 职场文书
2014年护士工作总结范文
2014/11/11 职场文书
2014年团支书工作总结
2014/11/14 职场文书
SQLServer 错误: 15404,无法获取有关 Windows NT 组/用户 WIN-8IVSNAQS8T7\Administrator 的信息
2021/06/30 SQL Server
利用Python判断整数是否是回文数的3种方法总结
2021/07/07 Python