体验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实现图片无缝滚动效果
Feb 12 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
在vue中安装使用vux的教程详解
Sep 16 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 Javascript
JS实现电脑虚拟键盘打字测试
Jun 24 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通过curl模拟登陆DZ论坛
2015/05/11 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
在表单提交前进行验证的几种方式整理
2013/07/31 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
js二维数组排序的简单示例代码
2014/01/24 Javascript
JavaScript设计模式学习之“类式继承”
2015/03/12 Javascript
jQuery复制节点用法示例(clone方法)
2016/09/08 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
nodejs后台集成ueditor富文本编辑器的实例
2017/07/11 NodeJs
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
[06:24]DOTA2亚洲邀请赛小组赛第三日 TOP10精彩集锦
2015/02/01 DOTA
python中reader的next用法
2018/07/24 Python
python实现公司年会抽奖程序
2019/01/22 Python
Python笔试面试题小结
2019/09/07 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
Python偏函数Partial function使用方法实例详解
2020/06/17 Python
python如何实现DES加密
2020/09/21 Python
python中pop()函数的语法与实例
2020/12/01 Python
Lulu & Georgia官方网站:购买地毯、家具、抱枕、壁纸、床上用品等
2018/03/19 全球购物
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
JDO的含义
2012/11/17 面试题
中式餐厅创业计划书范文
2014/01/23 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
个人股份转让协议书范本
2015/01/28 职场文书
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS