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在页面中添加和除移DOM示例代码
Jun 24 Javascript
JQuery筛选器全系列介绍
Aug 27 Javascript
将字符串中由空格隔开的每个单词首字母大写
Apr 06 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
js对字符串进行编码的方法总结(推荐)
Nov 10 Javascript
关于Ajax的原理以及代码封装详解
Sep 08 Javascript
详解js类型判断
May 22 Javascript
用Node提供静态文件服务的方法
Jul 06 Javascript
微信小程序自定义toast的实现代码
Nov 16 Javascript
Vue数据绑定简析小结
May 07 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 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
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
php函数指定默认值方法的小例子
2013/12/04 PHP
PHP操作MySQL的mysql_fetch_* 函数的常见用法教程
2015/12/25 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
js constructor的实际作用分析
2011/11/15 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
javascript中clipboardData对象用法详解
2015/05/13 Javascript
javascript表格的渲染组件
2015/07/03 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
JS中递归函数
2016/06/17 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
解决select2在bootstrap modal中不能正常使用的问题
2018/08/09 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
2018/09/18 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
[01:32]TI珍贵瞬间系列(一)
2020/08/26 DOTA
Python中的包和模块实例
2014/11/22 Python
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
Python实现密码薄文件读写操作
2019/12/16 Python
树莓派4B安装Tensorflow的方法步骤
2020/07/16 Python
python使用布隆过滤器的实现示例
2020/08/20 Python
新奇的小玩意:IWOOT
2016/07/21 全球购物
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
西部世纪.net笔试题面试题
2014/04/03 面试题
初中家长寄语
2014/04/02 职场文书
2015年母亲节寄语
2015/03/23 职场文书
幼儿园小班教育随笔
2015/08/14 职场文书
网络研修心得体会
2016/01/08 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
sql查询结果列拼接成逗号分隔的字符串方法
2021/05/25 SQL Server
Java使用jmeter进行压力测试
2021/07/09 Java/Android
JavaWeb 入门:Hello Servlet
2021/07/16 Java/Android