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 相关文章推荐
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
基于MooTools的很有创意的滚动条时钟动画
Nov 14 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
基于jQuery实现选项卡效果
Jan 04 Javascript
jquery获取下拉框中的循环值
Feb 08 Javascript
JS实现的RC4加密算法示例
Aug 16 Javascript
Vue组件中的data必须是一个function的原因浅析
Sep 03 Javascript
webpack4实现不同的导出类型
Apr 09 Javascript
解决vue-router 二级导航默认选中某一选项的问题
Nov 01 Javascript
0基础学习前端开发的一些建议
Jul 14 Javascript
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
Zend Framework框架之Zend_Mail实现发送Email邮件验证功能及解决标题乱码的方法
2016/03/21 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
AngulaJS路由 ui-router 传参实例
2017/04/28 Javascript
Vue.js递归组件构建树形菜单
2017/12/24 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
2018/01/02 Javascript
angularjs手动识别字符串中的换行符方法
2018/10/02 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
2020/03/06 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
微信小程序实现电影App导航和轮播
2020/11/30 Javascript
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
Python的迭代器和生成器使用实例
2015/01/14 Python
Python打印斐波拉契数列实例
2015/07/07 Python
Django的HttpRequest和HttpResponse对象详解
2018/01/26 Python
如何基于python实现归一化处理
2020/01/20 Python
Python基于staticmethod装饰器标示静态方法
2020/10/17 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
广州一家公司的.NET面试题
2016/06/11 面试题
质检员的岗位职责
2013/11/15 职场文书
党章学习思想汇报
2014/01/14 职场文书
电脑销售顾问自荐信
2014/01/29 职场文书
能源工程专业应届生求职信
2014/03/01 职场文书
辩论赛主持词
2014/03/18 职场文书
《恐龙》教学反思
2014/04/27 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
优秀团支部申报材料
2014/12/26 职场文书
复兴之路观后感
2015/06/02 职场文书
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
Java8中Stream的一些神操作
2021/11/02 Java/Android
一条慢SQL语句引发的改造之路
2022/03/16 MySQL