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 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
实现JavaScript中继承的三种方式
Oct 16 Javascript
不要在cookie中使用特殊字符的原因分析
Jul 13 Javascript
js自定义事件及事件交互原理概述(一)
Feb 01 Javascript
Egret引擎开发指南之视觉编程
Sep 03 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 Javascript
Vue.js实现列表清单的操作方法
Nov 15 Javascript
微信小程序实现弹出菜单
Jul 19 Javascript
值得收藏的八个常用的js正则表达式
Oct 19 Javascript
element多个表单校验的实现
May 27 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
咖啡知识大全
2021/03/03 新手入门
PHP入门速成(2)
2006/10/09 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
Laravel框架查询构造器简单示例
2019/05/08 PHP
如何在Mozilla Gecko 用Javascript加载XSL
2007/01/09 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
2017/07/10 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
python optparse模块使用实例
2015/04/09 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python 高级专用类方法的实例详解
2017/09/11 Python
python 读取dicom文件,生成info.txt和raw文件的方法
2019/01/24 Python
python抖音表白程序源代码
2019/04/07 Python
python for循环remove同一个list过程解析
2019/08/14 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
python 实现多维数组(array)排序
2020/02/28 Python
Django框架models使用group by详解
2020/03/11 Python
pygame实现弹球游戏
2020/04/14 Python
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
英国电器零售商:PRC Direct
2018/06/21 全球购物
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
Under Armour安德玛意大利官网:美国高端运动科技品牌
2020/01/16 全球购物
几道数据库的概念性面试题
2014/05/30 面试题
平面设计的岗位职责
2013/11/08 职场文书
青春励志演讲稿
2014/04/29 职场文书
防沙治沙典型材料
2014/05/07 职场文书
领导班子四风表现材料
2014/08/23 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
2014年财务部工作总结
2014/11/11 职场文书
2014年乡镇工作总结
2014/11/21 职场文书
一文了解Java动态代理的原理及实现
2022/07/07 Java/Android