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的模仿新浪微博时间的组件
Oct 04 Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
JS辨别访问浏览器判断是android还是ios系统
Aug 19 Javascript
jQuery中 attr() 方法使用小结
May 03 Javascript
js前端解决跨域问题的8种方案(最新最全)
Nov 18 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 Javascript
微信小程序实现鼠标拖动效果示例
Dec 01 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 Javascript
5分钟快速掌握JS中var、let和const的异同
Sep 19 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
Vue.js实现大转盘抽奖总结及实现思路
Oct 09 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读取mysql的简单实例
2014/01/15 PHP
PHP中单例模式的使用场景与使用方法讲解
2019/03/18 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
JavaScript中的值类型转换介绍
2014/12/31 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
2016/11/09 Javascript
Vue.js学习之计算属性
2017/01/22 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
2019/08/09 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
Python设计模式之观察者模式实例
2014/04/26 Python
浅析Python中的赋值和深浅拷贝
2017/08/15 Python
python的构建工具setup.py的方法使用示例
2017/10/23 Python
Python爬虫实例_利用百度地图API批量获取城市所有的POI点
2018/01/10 Python
Python高级特性切片(Slice)操作详解
2018/09/27 Python
Django+Xadmin构建项目的方法步骤
2019/03/06 Python
tensorflow如何继续训练之前保存的模型实例
2020/01/21 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
python中的插入排序的简单用法
2021/01/19 Python
python实现学生通讯录管理系统
2021/02/25 Python
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
2013/01/23 HTML / CSS
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
ALLSAINTS英国官网:伦敦新锐潮流品牌
2016/09/19 全球购物
介绍一下linux文件系统分配策略
2012/11/17 面试题
优秀少先队大队辅导员事迹材料
2014/05/04 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
小学家长学校培训材料
2014/08/24 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书
学校远程教育工作总结
2015/08/11 职场文书
2016年国庆节新闻稿范文
2015/11/25 职场文书
python实现股票历史数据可视化分析案例
2021/06/10 Python