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 相关文章推荐
artDialog双击会关闭对话框的修改过程分享
Aug 05 Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 Javascript
js编写贪吃蛇的小游戏
Aug 24 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
Aug 28 Javascript
JavaScript触发onScroll事件的函数节流详解
Dec 14 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
angularjs路由传值$routeParams详解
Sep 05 Javascript
Vue-router 中hash模式和history模式的区别
Jul 24 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
Oct 01 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 Vue.js
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
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
php支持断点续传、分块下载的类
2016/05/02 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
javascript中对对层的控制
2006/12/29 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
js HTML5 Ajax实现文件上传进度条功能
2016/02/13 Javascript
微信小程序对接七牛云存储的方法
2017/07/30 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
JavaScript实现的九种排序算法
2019/03/04 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
js实现简单放大镜效果
2020/03/07 Javascript
JavaScript的一些小技巧分享
2021/01/06 Javascript
python 解析html之BeautifulSoup
2009/07/07 Python
Python import用法以及与from...import的区别
2015/05/28 Python
详解Python中heapq模块的用法
2016/06/28 Python
python中map()函数的使用方法示例
2017/09/29 Python
Python统计单词出现的次数
2018/04/04 Python
Python走楼梯问题解决方法示例
2018/07/25 Python
Python函数的默认参数设计示例详解
2019/12/01 Python
Django之choices选项和富文本编辑器的使用详解
2020/04/01 Python
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
香港No.1得奖零食网:香港零食大王
2016/07/22 全球购物
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
物流专业大学生的自我鉴定
2013/11/13 职场文书
投标单位介绍信
2014/01/09 职场文书
医院反腐倡廉演讲稿
2014/09/16 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
模范班主任事迹材料
2014/12/17 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
三十年同学聚会感言
2015/07/30 职场文书
结婚十年感言
2015/07/31 职场文书
2019最新版股权转让及委托持股协议书范本
2019/08/07 职场文书