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工具 Event封装
Aug 21 Javascript
javascript 获取表单file全路径
Dec 31 Javascript
IE中createElement需要注意的一个问题
Jul 13 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
Apr 15 Javascript
javascript:window.open弹出窗口的位置问题
Mar 18 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
Bootstrap基本样式学习笔记之表格(2)
Dec 07 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
angularJs的ng-class切换class
Jun 23 Javascript
利用vue开发一个所谓的数独方法实例
Dec 21 Javascript
Vue.js添加组件操作示例
Jun 13 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
从网上搜到的phpwind 0day的代码
2006/12/07 PHP
在PHP中养成7个面向对象的好习惯
2010/07/17 PHP
PHP中uploaded_files函数使用方法详解
2011/03/09 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
codeigniter数据库操作函数汇总
2014/06/12 PHP
php通过function_exists检测函数是否存在的方法
2015/03/18 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
javascript 页面只自动刷新一次
2009/07/10 Javascript
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
js实现仿QQ秀换装效果的方法
2015/03/04 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
2018/09/28 Javascript
Vue 进阶之路(三)
2019/04/18 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
Python实现的快速排序算法详解
2017/08/01 Python
python通过微信发送邮件实现电脑关机
2018/06/20 Python
python3.x提取中文的正则表达式示例代码
2019/07/23 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
python的scipy实现插值的示例代码
2019/11/12 Python
在Python中等距取出一个数组其中n个数的实现方式
2019/11/27 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
澳大利亚Mocha官方网站:包、钱包、珠宝和配饰
2019/07/18 全球购物
慕尼黑山地运动、户外服装和体育用品专家:Sporthaus Schuster
2019/08/27 全球购物
公司法人授权委托书范本
2014/09/12 职场文书
Python+Appium实现自动抢微信红包
2021/05/21 Python