体验js中splice()的强大(插入、删除或替换数组的元素)


Posted in Javascript onJanuary 16, 2013

处理数组的方法很多,javascript splice()算是最强大的了,它可以用于插入、删除或替换数组的元素。下面来一一介绍!

1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)
2.插入-向数组指定位置插入任意项元素。三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项)
3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

看下面这段代码就明白了

var lang = ["php","java","javascript"]; 
//删除 
var removed = lang.splice(1,1); 
alert(lang); //php,javascript 
alert(removed); //java ,返回删除的项 
//插入 
var insert = lang.splice(0,0,"asp"); //从第0个位置开始插入 
alert(insert); //返回空数组 
alert(lang); //asp,php,javascript 
//替换 
var replace = lang.splice(1,1,"c#","ruby"); //删除一项,插入两项 
alert(lang); //asp,c#,ruby 
alert(replace); //php,返回删除的项
Javascript 相关文章推荐
Javascript笔记一 js以及json基础使用说明
May 22 Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
详解AngularJS中的作用域
Jun 17 Javascript
javascript处理a标签超链接默认事件的方法
Jun 29 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 Javascript
微信小程序 网络API 上传、下载详解
Nov 09 Javascript
微信小程序tabbar不显示解决办法
Jun 08 Javascript
浅谈Vue.nextTick 的实现方法
Oct 25 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
Oct 26 Javascript
解决Vue大括号字符换行踩的坑
Nov 09 Javascript
Javascript中产生固定结果的函数优化技巧
Jan 16 #Javascript
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 #Javascript
JQuery验证工具类搜集整理
Jan 16 #Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
Jan 16 #Javascript
js拦截alert对话框另类应用
Jan 16 #Javascript
javascript图像处理—仿射变换深度理解
Jan 16 #Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 #Javascript
You might like
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
php读取csv文件并输出的方法
2015/03/14 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
javascript中sort() 方法使用详解
2015/08/30 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
Three.js利用dat.GUI如何简化试验流程详解
2017/09/26 Javascript
JS实现带动画的回到顶部效果
2017/12/28 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
JavaScript RegExp 对象用法详解
2019/09/24 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
2020/07/21 Javascript
[01:48]完美圣典齐天大圣至宝宣传片
2016/12/17 DOTA
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
深入学习python的yield和generator
2016/03/10 Python
深入理解Python3 内置函数大全
2017/11/23 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
Jupyter Notebook 文件默认目录的查看以及更改步骤
2020/04/14 Python
Python转换字典成为对象,可以用"."方式访问对象属性实例
2020/05/11 Python
Python如何读写二进制数组数据
2020/08/01 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
HTML5 canvas基本绘图之填充样式实现
2016/06/27 HTML / CSS
为什么要有struct关键字
2012/05/08 面试题
市场营销战略计划书
2014/05/06 职场文书
2014年医生工作总结
2014/11/21 职场文书
先进班集体申报材料
2014/12/26 职场文书
药品销售内勤岗位职责
2015/04/13 职场文书
常用的文件对应的MIME类型汇总
2022/04/26 HTML / CSS