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 相关文章推荐
Jquery 获得服务器控件值的方法小结
May 11 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
轮播图组件js代码
Aug 08 Javascript
20行js代码实现的贪吃蛇小游戏
Jun 20 Javascript
AngularJS 限定$scope的范围实例详解
Jun 23 Javascript
JS 实现百度搜索功能
Feb 01 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
Jan 26 Javascript
Js跳出两级循环方法代码实例
Sep 22 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 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/27 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
laravel中的一些简单实用功能
2018/11/03 PHP
jQuery焦点图切换特效插件封装实例
2013/08/18 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
2013/11/23 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
2015/08/10 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
2017/01/04 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
vue cli webpack中使用sass的方法
2018/02/24 Javascript
浅谈Three.js截图并下载的大坑
2019/11/01 Javascript
js实现图片粘贴到网页
2019/12/06 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
Node 模块原理与用法详解
2020/05/13 Javascript
Python中的CURL PycURL使用例子
2014/06/01 Python
python统计cpu利用率的方法
2015/06/02 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
怎样写好自荐信和推荐信
2013/12/26 职场文书
青年标兵事迹材料
2014/08/16 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers
一文搞懂Python Sklearn库使用
2021/08/23 Python