JavaScript数组splice()方法详解与示例

作者:木棉

时间:2026-10-29

浏览:211

本文详细介绍JavaScript中splice()方法的使用。该方法用于向数组添加或删除元素,并返回被删除的元素。文章解析了index、howMany及新增元素的参数含义,并通过具体代码示例展示了如何在指定位置插入或移除数组项,帮助开发者掌握数组内容的动态修改技巧。

文章目录

splice()方法概述与语法

JavaScript中的splice()方法用于修改数组内容,通过添加新元素来改变原有数组结构,同时可以移除旧元素。其基本语法如下:

参数详细说明


array.splice(index, howMany, [element1][, ..., elementN]);

该方法接受以下参数,具体说明如下:

  • index:指定开始修改操作的数组索引位置。
  • howMany:一个整数,指定要从数组中删除的元素数量。如果该值为0,则表示不删除任何元素。
  • element1, ..., elementN:可选参数,指定要添加到数组中的新元素。如果未指定任何元素,则splice()仅执行删除操作。

返回值说明

返回值:

该方法返回一个包含被删除元素的新数组。如果未删除任何元素,则返回空数组。


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

splice()使用示例

以下是一个具体的应用示例:


After adding 1: orange,mango,water,banana,sugar,tea
removed is: 
After adding 1: orange,mango,water,sugar,tea
removed is: banana 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章