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高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 Javascript
JS中typeof与instanceof之间的区别总结
Nov 14 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
JS组件系列之JS组件封装过程详解
Apr 28 Javascript
JQuery判断正整数整理小结
Aug 21 jQuery
基于node下的http小爬虫的示例代码
Jan 11 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 Javascript
Nuxt页面级缓存的实现
Mar 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
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
utf-8编码引起js输出中文乱码的解决办法
2010/06/23 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
微信小程序实现登录注册tab切换效果
2020/12/29 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
2019/06/03 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
2020/04/21 Javascript
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
[47:20]DAC2018 4.4 淘汰赛 Optic vs Mineski 第一场
2018/04/05 DOTA
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
Python中垃圾回收和del语句详解
2018/11/15 Python
Python使用dict.fromkeys()快速生成一个字典示例
2019/04/24 Python
python读取并写入mat文件的方法
2019/07/12 Python
python实现静态web服务器
2019/09/03 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
thinkphp5 路由分发原理
2021/03/18 PHP
一款利用html5和css3实现的3D滚动特效的教程
2015/01/04 HTML / CSS
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
意大利奢侈品购物网站:Deliberti
2019/10/08 全球购物
花田少年史观后感
2015/06/16 职场文书
贫困证明书范文
2015/06/16 职场文书
MySQL为id选择合适的数据类型
2021/06/07 MySQL
python+pyhyper实现识别图片中的车牌号思路详解
2022/12/24 Python