JavaScript中的splice()方法使用详解


Posted in Javascript onJune 09, 2015

 JavaScript数组的splice()方法改变数组的内容,增加了新的元素,同时消除旧元素。
语法

array.splice(index, howMany, [element1][, ..., elementN]);

下面是参数的详细信息:

  •     index : 在该索引开始改变的数组。
  •     howMany : 整数,表示旧数组元素数去除。如果的howmany为0,没有元素被删除。
  •     element1, ..., elementN : 元素添加到数组。如果不指定任何元素,拼接只需删除该数组中的元素。

返回值:

返回基于传递的参数提取数组。
例子:

<html>
<head>
<title>JavaScript Array splice Method</title>
</head>
<body>
<script type="text/javascript">
var arr = ["orange", "mango", "banana", "sugar", "tea"];

var removed = arr.splice(2, 0, "water");
document.write("After adding 1: " + arr );
document.write("<br />removed is: " + removed);

removed = arr.splice(3, 1);
document.write("<br />After adding 1: " + arr );
document.write("<br />removed is: " + removed);

</script>
</body>
</html>

这将产生以下结果:

After adding 1: orange,mango,water,banana,sugar,tea
removed is: 
After adding 1: orange,mango,water,sugar,tea
removed is: banana
Javascript 相关文章推荐
jQuery异步获取json数据方法汇总
Dec 22 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
Nov 01 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
Nov 30 Javascript
浅谈react性能优化的方法
Sep 05 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
May 16 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
JavaScript实现Iterator模式实例分析
Jun 09 #Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 #Javascript
JavaScript数组迭代器实例分析
Jun 09 #Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 #Javascript
JavaScript中的some()方法使用详解
Jun 09 #Javascript
详解JavaScript中shift()方法的使用
Jun 09 #Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 #Javascript
You might like
解析php做推送服务端实现ios消息推送
2013/07/01 PHP
php登陆页的密码处理方式分享
2013/10/14 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
PHP解压tar.gz格式文件的方法
2016/02/14 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
Ajax+Jpgraph实现的动态折线图功能示例
2019/02/11 PHP
ASP中用Join和Array,可以加快字符连接速度的代码
2007/08/22 Javascript
javascript 自定义事件初探
2009/08/21 Javascript
jQuery 使用手册(七)
2009/09/23 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
javascript根据像素点取位置示例
2014/01/27 Javascript
JavaScript编写推箱子游戏
2015/07/07 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
2016/05/05 Javascript
BootStrap文件上传样式超好看【持续更新】
2016/05/10 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
JS验证字符串功能
2017/02/22 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
2017/12/29 Javascript
详解vue中axios的封装
2018/07/18 Javascript
javascript实现拖拽碰撞检测
2020/03/12 Javascript
vue 实现click同时传入事件对象和自定义参数
2021/01/29 Vue.js
python实现聊天小程序
2018/03/13 Python
Python中偏函数用法示例
2018/06/07 Python
Python+pyplot绘制带文本标注的柱状图方法
2019/07/08 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
python调用私有属性的方法总结
2020/07/24 Python
Python程序慢的重要原因
2020/09/04 Python
python 实现&quot;神经衰弱&quot;翻牌游戏
2020/11/09 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
vue+django实现下载文件的示例
2021/03/24 Vue.js
2014年保密工作总结
2014/11/22 职场文书
经验交流材料格式
2014/12/30 职场文书
技术员岗位职责范本
2015/04/11 职场文书
党员转正介绍人意见
2015/06/03 职场文书
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python