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判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
菜鸟javascript基础资料整理2
Dec 06 Javascript
JQuery的read函数与js的onload不同方式实现
Mar 18 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
Node.js 日志处理模块log4js
Aug 28 Javascript
js css自定义分页效果
Feb 24 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
Vue中this.$router.push参数获取方法
Feb 27 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
angularJs中json数据转换与本地存储的实例
Oct 08 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 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时区转换转换函数
2014/01/07 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
PHP7使用ODBC连接SQL Server2008 R2数据库示例【基于thinkPHP5.1框架】
2019/05/06 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
vue监听scroll的坑的解决方法
2017/09/07 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
2017/09/11 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
python妹子图简单爬虫实例
2015/07/07 Python
基于Python实现定时自动给微信好友发送天气预报
2018/10/25 Python
六行python代码的爱心曲线详解
2019/05/17 Python
Python空间数据处理之GDAL读写遥感图像
2019/08/01 Python
Python 爬取必应壁纸的实例讲解
2020/02/24 Python
python如何变换环境
2020/07/21 Python
phonegap常用事件总结(必看篇)
2017/03/31 HTML / CSS
美国汽车轮胎和轮毂销售网站:Tire Rack
2018/01/11 全球购物
英国购买威士忌网站:Master of Malt
2019/09/26 全球购物
《山谷中的谜底》教学反思
2014/04/26 职场文书
项目合作协议书
2014/09/23 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
三好学生事迹材料
2014/12/24 职场文书
六一晚会主持词开场白
2015/05/28 职场文书
辞职报告(范文三篇)
2019/08/27 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python