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 相关文章推荐
jquery模拟按下回车实现代码
Sep 20 Javascript
js获取当月最后一天实例代码
Nov 19 Javascript
laytpl 精致巧妙的JavaScript模板引擎
Aug 29 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
May 12 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
Oct 28 Javascript
如何阻止小程序遮罩层下方图层滚动
Sep 05 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
js实现前端界面导航栏下拉列表
Aug 27 Javascript
Vue父组件监听子组件生命周期
Sep 03 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缩略图生成程式(需要GD库支持)
2007/03/06 PHP
基于PHP生成静态页的实现方法
2013/05/10 PHP
PHP生成条形图的方法
2014/12/10 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
PHP实现中国公民身份证号码有效性验证示例代码
2017/05/03 PHP
php支付宝APP支付功能
2020/07/29 PHP
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
JavaScript中使用stopPropagation函数停止事件传播例子
2014/08/27 Javascript
JS正则子匹配实例分析
2016/12/22 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
python使用Pandas库提升项目的运行速度过程详解
2019/07/12 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
使用HTML5捕捉音频与视频信息概述及实例
2018/08/22 HTML / CSS
Clearly新西兰:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
英国医生在线预约:Top Doctors
2019/10/30 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
纬创Java面试题笔试题
2014/10/02 面试题
中学教师培训制度
2014/01/31 职场文书
美术教师自我鉴定
2014/02/12 职场文书
商铺租赁意向书
2014/04/01 职场文书
计划生育宣传标语
2014/06/21 职场文书
安全生产一岗双责责任书
2014/07/28 职场文书
实习生工作证明范本
2014/09/14 职场文书
行风评议整改报告
2014/11/06 职场文书
学校元旦晚会开场白
2015/05/29 职场文书
导游词之桂林
2019/08/20 职场文书
《没有任何借口》读后感:完美的执行能力
2020/01/07 职场文书
Python机器学习之决策树和随机森林
2021/07/15 Javascript
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL