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 相关文章推荐
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
JavaScript生成随机字符串的方法
Mar 19 Javascript
由ReactJS的Hello world说开来
Jul 02 Javascript
javascript宿主对象之window.navigator详解
Sep 07 Javascript
Bootstrap Navbar Component实现响应式导航
Oct 08 Javascript
Javascript动画效果(2)
Oct 11 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
Jul 16 Javascript
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
Apr 03 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
PHP 500报错的快速解决方法
2016/12/14 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
2009/05/21 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
jQuery中slice()方法用法实例
2015/01/07 Javascript
使用npm发布Node.JS程序包教程
2015/03/02 Javascript
TypeScript具有的几个不同特质
2015/04/07 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
Vue 组件参数校验与非props特性的方法
2019/02/12 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
Python的Django框架中的select_related函数对QuerySet 查询的优化
2015/04/01 Python
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
python文件名和文件路径操作实例
2017/09/29 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
查找python项目依赖并生成requirements.txt的方法
2018/07/10 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
python实现梯度法 python最速下降法
2020/03/24 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
django创建css文件夹的具体方法
2020/07/31 Python
Python远程linux执行命令实现
2020/11/11 Python
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
自荐信格式的六要素
2013/09/21 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
社区党支部承诺书
2015/04/29 职场文书
学校党支部承诺书
2015/04/30 职场文书
运动会1000米加油稿
2015/07/21 职场文书
python字典的元素访问实例详解
2021/07/21 Python
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫
python内置模块之上下文管理contextlib
2022/06/14 Python