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 全角转半角部分
Oct 28 Javascript
innerHTML与jquery里的html()区别介绍
Oct 12 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
JQuery实现动态适时改变字体颜色的方法
Mar 10 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
非常实用的js验证框架实现源码 附原理方法
Jun 08 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 Javascript
使用vuepress搭建静态博客的示例代码
Feb 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
一个自定义位数的php多用户计数器代码
2007/03/11 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
Laravel框架基于中间件实现禁止未登录用户访问页面功能示例
2019/01/17 PHP
jquery自定义下拉列表示例
2014/04/25 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
2015/06/25 Javascript
详解JavaScript的Date对象(制作简易钟表)
2020/04/07 Javascript
JSONObject使用方法详解
2015/12/17 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
2016/11/01 Javascript
微信小程序开发探究
2016/12/27 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
axios的拦截请求与响应方法
2018/08/11 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
2018/09/29 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
python 中的list和array的不同之处及转换问题
2018/03/13 Python
python 实现A*算法的示例代码
2018/08/13 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
python+openCV对视频进行截取的实现
2020/11/27 Python
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
什么是虚拟内存?虚拟内存有什么优势?
2016/02/09 面试题
法学专业大学生实习自我鉴定
2014/10/05 职场文书
2015年安置帮教工作总结
2015/05/22 职场文书
Golang标准库syscall详解(什么是系统调用)
2021/05/25 Golang