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 相关文章推荐
js DataSet数据源处理代码
Mar 29 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
Apr 01 Javascript
jQuery数据显示插件整合实现代码
Oct 24 Javascript
js验证输入是否为手机号码或电话号码示例
Dec 30 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
AngularJS实现进度条功能示例
Jul 05 Javascript
JS和Canvas实现图片的预览压缩和上传功能
Mar 30 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
Sep 10 Javascript
JavaScript中的执行环境和作用域链
Sep 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
php session劫持和防范的方法
2013/11/12 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
php之Smarty模板使用方法示例详解
2014/07/08 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
jquery中的$(document).ready()使用小结
2014/02/14 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
jQuery 弹出层插件(推荐)
2016/05/24 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
2018/09/14 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
python xpath获取页面注释的方法
2019/01/14 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
python修改字典键(key)的方法
2019/08/05 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
Pytorch 保存模型生成图片方式
2020/01/10 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
父亲的菜园教学反思
2014/02/13 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
2015年青年教师工作总结
2015/05/25 职场文书
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android