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 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
js 深拷贝函数
Dec 04 Javascript
javascript加号&quot;+&quot;的二义性说明
Mar 04 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
jQuery知识点整理
Jan 30 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
javascript禁止访客复制网页内容的实现代码
Aug 05 Javascript
Javascript 实现全屏滚动实例代码
Dec 31 Javascript
浅谈express 中间件机制及实现原理
Aug 31 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
基于Vue.js+Nuxt开发自定义弹出层组件
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源码之explode使用说明
2011/08/05 PHP
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
Prototype Template对象 学习
2009/07/19 Javascript
jQuery 使用手册(六)
2009/09/23 Javascript
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
2013/04/23 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
2014/04/12 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
JavaScript获取服务器时间的方法详解
2016/12/11 Javascript
React中的refs的使用教程
2018/02/13 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
js实现小球在页面规定的区域运动
2020/06/16 Javascript
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
python判断windows系统是32位还是64位的方法
2015/05/11 Python
Python获取邮件地址的方法
2015/07/10 Python
python3中bytes和string之间的互相转换
2017/02/09 Python
微信跳一跳python辅助脚本(总结)
2018/01/11 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
python Flask 装饰器顺序问题解决
2018/08/08 Python
浅析python3中的os.path.dirname(__file__)的使用
2018/08/30 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
Python文件操作函数用法实例详解
2019/12/24 Python
selenium设置浏览器为headless无头模式(Chrome和Firefox)
2021/01/08 Python
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
2014/03/31 HTML / CSS
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
领导欢迎词致辞
2015/01/23 职场文书
放飞理想主题班会
2015/08/14 职场文书
Mysql数据库命令大全
2021/05/26 MySQL