腾讯云618限量抢购

JavaScript splice 方法:插入、删除或替换数组的元素

最后更新:2012-05-21 01:24阅读:36837

JavaScript splice 方法

splice 方法用于插入、删除或替换数组的元素。语法如下:

array_object.splice(start, num, element1, element1, ...)
参数说明:
参数 说明
array_object 要操作的数组(对象)
start 必需。开始添加/删除元素的下标数字。
num 可选。规定应该删除多少元素,数字。可以是 "0",如果省略则删除从 start 到原数组结尾的所有元素。
element1, ... 可选。规定从 start 处要添加到数组的新元素序列,使用 , 分隔多个元素。

如果从 array_object 中删除了元素,则返回的是被删除的元素的数组。

splice 方法删除元素实例

<script language="JavaScript">

var array_1 = new Array('a','b','c','d');
document.write( array_1.splice(1,2) + '<br />' );
document.write( array_1 );

</script>

运行该例子,输出:

b,c
a,d

注意:上面 splice 方法返回的是一个数组,该数组包含了被删除的 'b','c' 两个元素。

splice 方法插入元素实例

当 num 参数设置为 0 且 element1 等参数不为空时,将把 element1, ... 等元素插入 start 处。

<script language="JavaScript">

var array_1 = new Array('a','b','c','d');
document.write( array_1.splice(1,0,'tom') + '<br />' );
document.write( array_1 );

</script>

运行该例子,输出:


a,tom,b,c,d 

可见在插入数组模式下,splice 方法不返回任何内容。

splice 方法替换元素实例

当 num 参数设置大于 0 且 element1 等参数不为空时,将把 element1, ... 等元素替换在被删除的数组处。这个过程我们可以看做是上面删除元素与插入元素的结合。

<script language="JavaScript">

var array_1 = new Array('a','b','c','d');
document.write( array_1.splice(1,2,'tom') + '<br />' );
document.write( array_1 );

</script>

运行该例子,输出:

b,c
a,tom,d

可见在替换模式下,返回的仍然是包含被删除的元素的数组,而将参数里的元素序列从删除的位置插入。

参考阅读

  1. JavaScript shift 方法:删除并返回数组的第一个元素
  2. JavaScript pop 方法:删除并返回数组的最后一个元素
  3. JavaScript unshift 方法:向数组的开头添加一个或多个元素
  4. JavaScript push 方法:向数组的末尾添加一个或多个元素
  5. JavaScript slice 方法:从数组中返回选定的元素

本章节内容共分 15 部分:
  1. 1. JavaScript 数组 Array
  2. 2. JavaScript 二维数组与多维数组
  3. 3. JavaScript 使用 for ... in 语句遍历数组中的元素
  4. 4. JavaScript 数组 length 属性获取数组长度或设置数组元素的数目
  5. 5. JavaScript concat 方法:连接两个或多个数组
  6. 6. JavaScript join 方法:把数组转换为一个字符串
  7. 7. JavaScript Array toString 方法:把数组转换为字符串
  8. 8. JavaScript push 方法:向数组的末尾添加一个或多个元素
  9. 9. JavaScript unshift 方法:向数组的开头添加一个或多个元素
  10. 10. JavaScript pop 方法:删除并返回数组的最后一个元素
  11. 11. JavaScript shift 方法:删除并返回数组的第一个元素
  12. 12. JavaScript splice 方法:插入、删除或替换数组的元素
  13. 13. JavaScript Array slice 方法:从数组中返回选定的元素
  14. 14. JavaScript Array reverse 方法:颠倒数组中元素的顺序
  15. 15. JavaScript Array sort 方法:对数组的元素进行排序
腾讯云618限量抢购