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 相关文章推荐
js select常用操作控制代码
Mar 16 Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
Dec 11 Javascript
jquery datepicker参数介绍和示例
Apr 15 Javascript
JavaScript获取文本框内选中文本的方法
Feb 20 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
Sep 27 Javascript
AngularJS模态框模板ngDialog的使用详解
May 11 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 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静态新闻列表自动生成代码
2007/06/14 PHP
PHP生成网页快照 不用COM不用扩展.
2010/02/11 PHP
php将会员数据导入到ucenter的代码
2010/07/18 PHP
PHP对象相关知识总结
2017/04/09 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
UI Events 用户界面事件
2012/06/27 Javascript
jQuery学习笔记 获取jQuery对象
2012/09/19 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
2012/12/26 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
2013/01/25 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
JavaScript截屏功能的实现代码
2017/07/28 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
原生js实现弹窗消息动画
2020/11/20 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
python 根据时间来生成唯一的字符串方法
2019/01/14 Python
python实现车牌识别的示例代码
2019/08/05 Python
面向新手解析python Beautiful Soup基本用法
2020/07/11 Python
Python如何实现远程方法调用
2020/08/07 Python
python tqdm库的使用
2020/11/30 Python
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
介绍一下Java的事务处理
2012/12/07 面试题
司机辞职报告范文
2014/01/20 职场文书
精彩的英文自荐信
2014/01/30 职场文书
材料工程专业毕业生求职信
2014/03/04 职场文书
新学期感想
2015/08/10 职场文书
2016父亲节感恩话语
2015/12/09 职场文书
导游词之潮音寺
2019/09/26 职场文书