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直接编辑当前cookie的脚本
Sep 14 Javascript
jquery实现智能感知连接外网搜索
May 21 Javascript
javascript中的document.open()方法使用介绍
Oct 09 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
javascript闭包的理解
Apr 01 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
Dec 01 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
javaScript封装的各种写法
Aug 14 Javascript
React diff算法的实现示例
Apr 20 Javascript
highCharts提示框中显示当前时间的方法
Jan 18 Javascript
JavaScript语句错误throw、try及catch实例解析
Aug 18 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 mysql数据库操作分页类
2008/06/04 PHP
封装ThinkPHP的一个文件上传方法实例
2014/10/31 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
TNC vs RR BO3 第一场 2.14
2021/03/10 DOTA
PJ Blog修改-禁止复制的代码和方法
2006/10/25 Javascript
动态添加删除表格行的js实现代码
2014/02/28 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
JS扩展方法实例分析
2015/04/15 Javascript
JavaScript实现的多个图片广告交替显示效果代码
2015/09/04 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
JS实现的四级密码强度检测功能示例
2017/05/11 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
2017/06/21 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
2019/10/23 jQuery
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
VUE实现吸底按钮
2021/03/04 Vue.js
python实现sublime3的less编译插件示例
2014/04/27 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
python监控键盘输入实例代码
2018/02/09 Python
TensorFLow用Saver保存和恢复变量
2018/03/10 Python
Python对切片命名的实现方法
2018/10/16 Python
Django利用cookie保存用户登录信息的简单实现方法
2019/05/27 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
Pycharm plot独立窗口显示的操作
2020/12/11 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
Kathmandu美国网站:新西兰户外运动品牌
2019/03/23 全球购物
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
德国的各种媒体在线商店:Thalia.de(书籍、电子书、玩具等)
2020/10/08 全球购物
2014年学生会工作总结
2014/11/07 职场文书
任命书格式范文
2015/09/22 职场文书
导游词之青岛崂山
2019/12/27 职场文书
django注册用邮箱发送验证码的实现
2021/04/18 Python
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技