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 相关文章推荐
window.showModalDialog使用手册
Jan 11 Javascript
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 Javascript
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
Mar 08 Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 Javascript
jquery动态增加删减表格行特效
Nov 20 Javascript
bootstrap Table服务端处理分页(后台是.net)
Oct 19 Javascript
React 组件转 Vue 组件的命令写法
Feb 28 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
JS与SQL方式随机生成高强度密码示例
Dec 29 Javascript
vue router 用户登陆功能的实例代码
Apr 24 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
PHP7.0版本备注
2015/07/23 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
取键盘键位ASCII码的网页
2007/07/30 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
JavaScript实现将UPC转换成ISBN的方法
2015/05/26 Javascript
JS实现具备延时功能的滑动门菜单效果
2015/09/17 Javascript
简要了解jQuery移动web开发的响应式布局设计
2015/12/04 Javascript
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
javascript 中的事件委托详解
2016/10/25 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
2018/08/08 jQuery
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
微信小程序与webview交互实现支付功能
2019/06/07 Javascript
深入理解Antd-Select组件的用法
2020/02/25 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
2020/03/23 Javascript
jquery实现两个div中的元素相互拖动的方法分析
2020/04/05 jQuery
JavaScript实现消消乐的源代码
2021/01/12 Javascript
Python logging模块学习笔记
2014/05/24 Python
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
python制作小说爬虫实录
2017/08/14 Python
浅谈django开发者模式中的autoreload是如何实现的
2017/08/18 Python
python3爬取淘宝信息代码分析
2018/02/10 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
pytorch 常用线性函数详解
2020/01/15 Python
LookFantastic丹麦:英国美容护肤精品在线商城
2016/08/18 全球购物
Servlet的生命周期
2013/08/25 面试题
2014政务公开实施方案
2014/02/19 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
盗窃案辩护词
2015/05/21 职场文书
分享提高 Python 代码的可读性的技巧
2022/03/03 Python