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 相关文章推荐
jquery1.4后 jqDrag 拖动 不可用
Feb 06 Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
JavaScript获取Url里的参数
Dec 18 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 Javascript
JavaScript中用getDate()方法返回指定日期的教程
Jun 09 Javascript
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
vue2.0.js的多级联动选择器实现方法
Feb 09 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
WebSocket的简单介绍及应用
May 23 Javascript
详解Vue2的diff算法
Jan 06 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
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
基于递归实现的php树形菜单代码
2014/11/19 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
ext form 表单提交数据的方法小结
2008/08/08 Javascript
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
2014/01/13 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
初识angular框架后的所思所想
2016/02/19 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
react redux入门示例
2018/04/19 Javascript
Vue页面骨架屏的实现方法
2018/05/22 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
[01:43]深扒TI7聊天轮盘语音出处4
2017/05/11 DOTA
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
Python lambda表达式filter、map、reduce函数用法解析
2019/09/11 Python
PyQt5 closeEvent关闭事件退出提示框原理解析
2020/01/08 Python
Python之变量类型和if判断方式
2020/05/05 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
美国经典刺绣和字母儿童服装特卖:Smocked Auctions
2018/07/16 全球购物
如何进行Linux分区优化
2016/09/13 面试题
恒华伟业笔试面试题
2015/02/26 面试题
音乐教育感言
2014/03/05 职场文书
给校长的建议书100字
2014/05/16 职场文书
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
十七岁的单车观后感
2015/06/12 职场文书
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS