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 网站换肤功能实现代码
Nov 02 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
JavaScript实现函数返回多个值的方法
Jun 09 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
Vue组件开发初探
Feb 14 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
微信小程序绘制图片发送朋友圈
Jul 25 Javascript
vue-父子组件和ref实例详解
Nov 10 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
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
ThinkPHP写第一个模块应用
2012/02/20 PHP
php实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
php银联网页支付实现方法
2015/03/04 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
JS实现随机数生成算法示例代码
2013/08/08 Javascript
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
JS实现加载时锁定HTML页面元素的方法
2017/06/24 Javascript
laydate日历控件使用方法详解
2017/11/20 Javascript
基于node.js实现微信支付退款功能
2017/12/19 Javascript
vue中使用refs定位dom出现undefined的解决方法
2017/12/21 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
jquery实现两个div中的元素相互拖动的方法分析
2020/04/05 jQuery
ES5和ES6中类的区别总结
2020/12/21 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
python使用Image处理图片常用技巧分析
2015/06/01 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
python常用函数与用法示例
2019/07/02 Python
Django logging配置及使用详解
2019/07/23 Python
pip安装python库的方法总结
2019/08/02 Python
Python装饰器原理与基本用法分析
2020/01/07 Python
Python列表嵌套常见坑点及解决方案
2020/09/30 Python
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
计算机相关专业自荐信
2014/07/02 职场文书
商场租赁意向书
2014/07/30 职场文书
销售人员工作自我评价
2014/09/21 职场文书
师德师风自查总结
2014/10/14 职场文书
农村老人去世追悼词
2015/06/23 职场文书
python如何进行基准测试
2021/04/26 Python
叶县这家生产军用电台的兵工厂,人称“四机部”,走出一上将
2022/02/18 无线电
MongoDB支持的数据类型
2022/04/11 MongoDB