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 相关文章推荐
JQuery 1.4 中的Ajax问题
Jan 23 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
js综合应用实例简单的表格统计
Sep 03 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
了不起的node.js读书笔记之node.js中的特性
Dec 22 Javascript
javascript中call,apply,bind的用法对比分析
Feb 12 Javascript
Jquery中基本选择器用法实例详解
May 18 Javascript
全面解析Bootstrap布局组件应用
Feb 22 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
Jul 28 Javascript
hammer.js实现图片手势放大效果
Aug 29 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
微信小程序3D轮播实现代码
Sep 19 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
php扩展ZF――Validate扩展
2008/01/10 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
laravel安装zend opcache加速器教程
2015/03/02 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
jquery ajax abort()的使用方法
2010/10/28 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
jQuery+jRange实现滑动选取数值范围特效
2015/03/14 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
2015/12/03 Javascript
学习使用Bootstrap栅格系统
2017/05/11 Javascript
详解nodejs实现本地上传图片并预览功能(express4.0+)
2017/06/28 NodeJs
vue-cli的eslint相关用法
2017/09/29 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
2018/06/28 Javascript
vuex actions传递多参数的处理方法
2018/09/18 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
Python文件读写w+和r+区别解析
2020/03/26 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
2017/07/31 HTML / CSS
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
Servlet方面面试题
2016/09/28 面试题
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
音乐系毕业生自荐信
2013/10/27 职场文书
实习生体会的自我评价范文
2013/11/28 职场文书
国贸专业个人求职信范文
2014/01/08 职场文书
保护母亲河倡议书
2014/04/14 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
升学宴家长致辞
2015/07/27 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
初一年级组工作总结
2015/08/12 职场文书
Python打包为exe详细教程
2021/05/18 Python
vue使用wavesurfer.js解决音频可视化播放问题
2022/04/04 Vue.js
Mysql将字符串按照指定字符分割的正确方法
2022/05/30 MySQL
Go语言测试库testify使用学习
2022/07/23 Golang