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 相关文章推荐
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
Jun 02 Javascript
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
jQuery实现的导航下拉菜单效果示例
Sep 05 Javascript
jQuery实现遮罩层登录对话框
Dec 29 Javascript
js面向对象编程总结
Feb 16 Javascript
vue基于Element构建自定义树的示例代码
Sep 19 Javascript
傻瓜式vuex语法糖kiss-vuex整理
Dec 21 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
electron+vue实现div contenteditable截图功能
Jan 07 Javascript
原生js中运算符及流程控制示例详解
Jan 05 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
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
我常用的几个类
2006/10/09 PHP
一段php加密解密的代码
2006/10/09 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
PHP最常用的正则表达式
2017/02/13 PHP
php实现多站点共用session实现单点登录的方法详解
2019/09/18 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
event对象获取方法总结在google浏览器下测试
2013/11/03 Javascript
javascript操作excel生成报表全攻略
2014/05/04 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
JavaScript获取文本框内选中文本的方法
2015/02/20 Javascript
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
mocha的时序规则讲解
2019/02/16 Javascript
node-red File读取好保存实例讲解
2019/09/11 Javascript
python删除文件示例分享
2014/01/28 Python
Python 判断 有向图 是否有环的实例讲解
2018/02/01 Python
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
对pycharm 修改程序运行所需内存详解
2018/12/03 Python
django的auth认证,authenticate和装饰器功能详解
2019/07/25 Python
Python实现滑动平均(Moving Average)的例子
2019/08/24 Python
Python实现RabbitMQ6种消息模型的示例代码
2020/03/30 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
virtualenv介绍及简明教程
2020/06/23 Python
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
html5 标签
2009/07/16 HTML / CSS
浅谈html5 video 移动端填坑记
2018/01/15 HTML / CSS
波兰化妆品和护肤品购物网站:eKobieca
2019/08/30 全球购物
一套SQL笔试题
2016/08/14 面试题
工程技术员岗位职责
2014/03/02 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
2015年乡镇信访工作总结
2015/04/07 职场文书
2019银行竞聘书
2019/06/21 职场文书
CSS实现章节添加自增序号的方法
2021/06/23 HTML / CSS