体验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 相关文章推荐
ExtJS PropertyGrid中使用Combobox选择值问题
Jun 13 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 Javascript
jQuery中index()的用法分析
Sep 05 Javascript
javascript随机显示背景图片的方法
Jun 18 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
ionic2 tabs 图标自定义实例
Mar 08 Javascript
js操作二进制数据方法
Mar 03 Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
Nov 25 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 Javascript
vue实现简单图片上传
Jun 30 Javascript
vue+springboot+element+vue-resource实现文件上传教程
Oct 21 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
PHP 中的类
2006/10/09 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
动态加载iframe
2006/06/16 Javascript
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
2017/06/16 jQuery
使用koa-log4管理nodeJs日志笔记的使用方法
2018/11/30 NodeJs
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
生产制造追溯系统之再说条码打印
2019/06/03 Javascript
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
python33 urllib2使用方法细节讲解
2013/12/03 Python
pycharm 使用心得(四)显示行号
2014/06/05 Python
python3.6利用pyinstall打包py为exe的操作实例
2018/10/31 Python
Python用字典构建多级菜单功能
2019/07/11 Python
django用户登录验证的完整示例代码
2019/07/21 Python
PyCharm License Activation激活码失效问题的解决方法(图文详解)
2020/03/12 Python
解决python运行效率不高的问题
2020/07/20 Python
python matplotlib绘制三维图的示例
2020/09/24 Python
协议书范本
2014/04/23 职场文书
超市店庆活动方案
2014/08/31 职场文书
教师批评与自我批评(群众路线)
2014/10/15 职场文书
药品开票员岗位职责
2015/04/15 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
python模板入门教程之flask Jinja
2022/04/11 Python