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实现动态CSS换肤技术的脚本
Jun 29 Javascript
用js模拟JQuery的show与hide动画函数代码
Sep 20 Javascript
juqery 学习之六 CSS--css、位置、宽高
Feb 11 Javascript
jquery.post用法示例代码
Jan 03 Javascript
JavaScript类属性的访问方式详解
Feb 11 Javascript
Webpack 实现 Node.js 代码热替换
Oct 22 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
JS闭包可被利用的常见场景小结
Apr 09 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
Jul 09 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
js实现踩五彩块游戏
Feb 08 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
使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT
2011/04/23 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
使用js修改客户端注册表的方法
2013/08/09 Javascript
java、javascript实现附件下载示例
2014/08/14 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
详解webpack-dev-server使用http-proxy解决跨域问题
2018/01/13 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
2018/09/03 Javascript
记一次webapck4 配置文件无效的解决历程
2018/09/19 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
Javascript实现html转pdf高清版(提高分辨率)
2020/02/19 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
[03:07]完美世界DOTA2联赛PWL DAY10 决赛集锦
2020/11/11 DOTA
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
python计算列表内各元素的个数实例
2018/06/29 Python
TensorFlow利用saver保存和提取参数的实例
2018/07/26 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
Shein英国:女性时尚网上商店
2019/04/10 全球购物
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
家长通知书家长评语
2014/04/17 职场文书
购房公证委托书(2014版)
2014/09/12 职场文书
Python3 如何开启自带http服务
2021/05/18 Python
教你利用Nginx 服务搭建子域环境提升二维地图加载性能的步骤
2021/09/25 Servers