体验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 相关文章推荐
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
调整小数的格式保留小数点后两位
May 14 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
Aug 31 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
微信小程序实现点击空白隐藏的方法示例
Aug 13 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
Ajax PHP简单入门教程代码
2008/04/25 PHP
超级简单的php+mysql留言本源码
2009/11/11 PHP
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
在父页面调用子页面的JS方法
2013/09/29 Javascript
jQuery统计指定子元素数量的方法
2015/03/17 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
详解Angular2 关于*ngFor 嵌套循环
2017/05/22 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
2017/07/16 Javascript
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
如何在基于vue-cli的项目自定义打包环境
2018/11/10 Javascript
JS深入学习之数组对象排序操作示例
2020/05/01 Javascript
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
Python中操作MySQL入门实例
2015/02/08 Python
Python实现两款计算器功能示例
2017/12/19 Python
Python3 pandas 操作列表实例详解
2019/09/23 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
Python3的socket使用方法详解
2020/02/18 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
Python实现密钥密码(加解密)实例详解
2020/04/26 Python
python如何写try语句
2020/07/14 Python
详解基于python的图像Gabor变换及特征提取
2020/10/26 Python
Html5页面获取微信公众号的openid的方法
2020/05/12 HTML / CSS
Vichy薇姿加拿大官网:法国药妆,全球专业敏感肌护肤领先品牌
2018/07/11 全球购物
厂长岗位职责
2014/02/19 职场文书
中学生检讨书1000字
2014/10/28 职场文书
2014年医生工作总结
2014/11/21 职场文书
毕业设计论文评语
2014/12/31 职场文书
爱鸟护鸟的宣传语
2015/07/13 职场文书
小学体育组工作总结2015
2015/07/21 职场文书
导游词之日月潭
2019/11/05 职场文书
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫