体验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中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 Javascript
JQuery控制Radio选中方法分析
May 29 Javascript
javascript作用域链(Scope Chain)用法实例解析
Nov 30 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
Vue核心概念Getter的使用方法
Jan 18 Javascript
JavaScript中构造函数与原型链之间的关系详解
Feb 25 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
vue 通过绑定事件获取当前行的id操作
Jul 27 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 Javascript
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
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中echo,print_r与var_dump区别分析
2014/09/29 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
PHP session垃圾回收机制实例分析
2019/06/28 PHP
JS操作XML中DTD介绍及使用方法分析
2019/07/04 PHP
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
js左侧多级菜单动态的解决方案
2010/02/01 Javascript
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
Javascript实现单例模式
2016/01/24 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
全面了解JavaScript对象进阶
2016/07/19 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
2016/08/01 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
ES6中的箭头函数实例详解
2017/04/06 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
浅谈Vue数据响应
2018/11/05 Javascript
vue+iview 兼容IE11浏览器的实现方法
2019/01/07 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
使用PDB简单调试Python程序简明指南
2015/04/25 Python
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
日语专业个人的求职信
2013/12/03 职场文书
财务人员求职自荐书范文
2014/02/10 职场文书
环保倡议书400字
2014/05/15 职场文书
出租房屋协议书
2014/09/14 职场文书
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python