编程 Javascript

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中的splice()方法使用详解

- Author -

goldensun

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

“不能执行已释放的Script代码”错误的原因及解决办法

Sep 09 Javascript

JavaScript之HTMLCollection接口代码

Apr 27 Javascript

JavaScript中实现异步编程模式的4种方法

Sep 24 Javascript

用Jquery.load载入页面后样式没了页面混乱的解决方法

Oct 20 Javascript

jQuery文字轮播特效

Feb 12 Javascript

利用canvas实现的加载动画效果实例代码

Jul 05 Javascript

解决vue项目报错webpackJsonp is not defined问题

Mar 14 Javascript

使用vue2实现购物车和地址选配功能

Mar 29 Javascript

浅谈mvvm-simple双向绑定简单实现

Apr 18 Javascript

Vue 应用中结合vux使用微信 jssdk的方法

Aug 28 Javascript

JavaScript一元正号运算符示例代码

Jun 30 Javascript

vue设置默认首页的操作

Aug 12 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