体验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 相关文章推荐
Mootools 1.2教程 排序类和方法简介
Sep 15 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
Jan 12 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
JS处理json日期格式化问题
Oct 01 Javascript
javascript实现拖动元素交换位置
Nov 29 Javascript
简单讲解AngularJS的Routing路由的定义与使用
Mar 05 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
Apr 24 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 Javascript
vue 中 get / delete 传递数组参数方法
Mar 23 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的ob_start来生成静态页面的方法分析
2011/03/09 PHP
php打造属于自己的MVC框架
2012/03/07 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
JS 面向对象之神奇的prototype
2011/02/26 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
Bootstrap进度条组件知识详解
2016/05/01 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
ES6中Iterator与for..of..遍历用法分析
2017/03/31 Javascript
详解Node.js中的Async和Await函数
2018/02/22 Javascript
[01:50]2014DOTA2西雅图邀请赛 专访欢乐周宝龙
2014/07/08 DOTA
python3实现暴力穷举博客园密码
2016/06/19 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
用Python+OpenCV对比图像质量的几种方法
2019/07/15 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
美国祛痘、抗衰老药妆品牌:Murad
2016/08/27 全球购物
彪马美国官网:PUMA美国
2017/03/09 全球购物
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
我们的节日端午节活动方案
2014/03/02 职场文书
考核评语大全
2014/04/29 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
教室标语大全
2014/06/21 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
师德师风剖析材料
2014/09/30 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
社区低保工作总结2015
2015/07/23 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL
项目中Nginx多级代理是如何获取客户端的真实IP地址
2022/05/30 Servers