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动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
加随机数引入脚本不让浏览器读取缓存
Sep 04 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
jquery基础知识第一讲之认识jquery
Mar 17 Javascript
详细讲解JavaScript中的this绑定
Oct 10 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
JavaScript构建自己的对象示例
Nov 29 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
深入理解JavaScript的值传递和引用传递
Oct 24 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 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
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
2015/11/15 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
Ext面向对象开发实践(续)
2008/11/18 Javascript
Javascript弹出窗口的各种方法总结
2013/11/11 Javascript
基于jQuery实现select下拉选择可输入附源码下载
2016/02/03 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
从零学习node.js之mysql数据库的操作(五)
2017/02/24 Javascript
javascript实现延时显示提示框效果
2017/06/01 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
你点的 ES6一些小技巧,请查收
2018/04/25 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2018/08/25 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
js中对象与对象创建方法的各种方法
2019/02/27 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
python中使用mysql数据库详细介绍
2015/03/27 Python
python实现文本文件合并
2015/12/29 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
pytorch点乘与叉乘示例讲解
2019/12/27 Python
利用python 读写csv文件
2020/09/10 Python
详解Anaconda 的安装教程
2020/09/23 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
Python爬虫之Selenium实现关闭浏览器
2020/12/04 Python
HTML5中在title标题标签里设置小图标的方法
2020/06/23 HTML / CSS
师说教学反思
2014/02/07 职场文书
励志演讲稿3分钟
2014/08/21 职场文书
师德师风个人总结
2015/02/06 职场文书
春节慰问简报
2015/07/21 职场文书
Java存储没有重复元素的数组
2022/04/29 Java/Android