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去掉字符串里的所有空格
Feb 08 Javascript
js实现简单模态窗口,背景灰显
Nov 14 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
js传中文参数controller里获取参数乱码问题解决方法
Jan 03 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
Jan 14 Javascript
在使用JSON格式处理数据时应该注意的问题小结
May 20 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
vue-router实现嵌套路由的讲解
Jan 19 Javascript
如何优化vue打包文件过大
Apr 13 Vue.js
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学习笔记 php中面向对象三大特性之一[封装性]的应用
2011/06/13 PHP
PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
PHP制作图形验证码代码分享
2014/10/23 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
2015/12/20 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
基于jquery实现最简单的选项卡切换效果
2016/05/08 Javascript
微信小程序 前端源码逻辑和工作流详解
2016/10/08 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
基于 Vue 的树形选择组件的示例代码
2017/08/18 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
2019/02/11 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
2019/07/02 Javascript
[00:43]2016完美“圣”典风云人物:单车宣传片
2016/12/02 DOTA
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
Python实现微信机器人的方法
2019/09/06 Python
python关闭占用端口方式
2019/12/17 Python
python模拟哔哩哔哩滑块登入验证的实现
2020/04/24 Python
python opencv实现简易画图板
2020/08/27 Python
python 实现有道翻译功能
2021/02/26 Python
Python面试题:如何用Python来发送邮件
2016/03/15 面试题
护理人员的自我评价分享
2014/03/15 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
k-means & DBSCAN 总结
2021/04/27 Python