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 相关文章推荐
javascript实现的网页局布刷新效果
Dec 01 Javascript
jQuery动画animate方法使用介绍
May 06 Javascript
JS的参数传递示例介绍
Feb 08 Javascript
seajs中模块的解析规则详解和模块使用总结
Mar 12 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
Javascript打印局部页面实例
Jun 21 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
fullCalendar中文API官方文档
Feb 07 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
vue webpack build资源相对路径的问题及解决方法
Jun 04 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
玛琪朵 Macchiato
2021/03/03 咖啡文化
如何删除多级目录
2006/10/09 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
纯文字版返回顶端的js代码
2013/08/01 Javascript
jquery获取div距离窗口和父级dv的距离示例
2013/10/10 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
2017/04/01 jQuery
Vue框架之goods组件开发详解
2018/01/25 Javascript
Node.js中的child_process模块详解
2018/06/08 Javascript
Vue中JS动画与Velocity.js的结合使用
2019/02/13 Javascript
vue实现微信二次分享以及自定义分享的示例
2019/03/20 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
vue中实现点击变成全屏的多种方法
2020/09/27 Javascript
python连接sql server乱码的解决方法
2013/01/28 Python
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
Python pygame绘制文字制作滚动文字过程解析
2019/12/12 Python
python多进程重复加载的解决方式
2019/12/13 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
详解使用双缓存解决Canvas clearRect引起的闪屏问题
2019/04/29 HTML / CSS
精选鞋类、服装和配饰的全球领先目的地:Bodega
2021/02/27 全球购物
《山谷中的谜底》教学反思
2014/04/26 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
简历自荐信范文
2015/03/09 职场文书
贫困证明书范文
2015/06/16 职场文书
详解MindSpore自定义模型损失函数
2021/06/30 Python
基于Python和openCV实现图像的全景拼接详细步骤
2021/10/05 Python