splice

JavaScript splice() 方法：数组对象

详细说明

splice()方法用于从数组中删除旧元素并添加新元素。它会直接修改原数组的内容。

版本说明

实现于JavaScript 1.2

语法说明

splice(startIndex, removeCount, element1,element2,..., elementN)

执行一下

代码说明

startIndex：开始修改数组的索引位置。

removeCount：一个整数，表示待移除旧数组元素的数量。若 removeCount 为 0，则不删除任何元素。此时必须指定至少一个新元素。

element1,element2,.........,elementN：要添加到数组中的元素。若不指定任何元素，splice 将仅从数组中删除元素。

示例：

在以下网页文档中，splice()方法被用于重建水果顺序。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript splice() method example</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : splice() method</h1>
<script src="array-splice-example1.js"></script>
</body>
</html>

执行一下

JS代码

var fruitslist = new Array("Orange","Apple","Banana","Chery" );
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("Fruits List : " + fruitslist); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 
var remove = fruitslist.splice(2, 0, "Mango");
var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode("After adding 'Mango' in 3rd place : " + fruitslist); 
newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1); 
var remove_fruit = fruitslist.splice(3, 1);
var newParagraph2 = document.createElement("p"); 
var newText2 = document.createTextNode("After removing 4th fruit, the new list is : " + fruitslist); 
newParagraph2.appendChild(newText2); 
document.body.appendChild(newParagraph2); 
var newParagraph3 = document.createElement("p"); 
var newText3 = document.createTextNode("Removed fruit is: " + remove_fruit); 
newParagraph3.appendChild(newText3); 
document.body.appendChild(newParagraph3); 
var removed_fruits = fruitslist.splice(0, 2,'Blackberry','Grapefruit','Guava');
var newParagraph4 = document.createElement("p"); 
var newText4 = document.createTextNode("After replacing 1st and 2nd furits and adding 'Blackberry', 'Grapefruit', 'Guava', the new list is : " + fruitslist); 
newParagraph4.appendChild(newText4); 
document.body.appendChild(newParagraph4); 

var newParagraph5 = document.createElement("p"); 
var newText5 = document.createTextNode("Removed fruits are: " + removed_fruits); 
newParagraph5.appendChild(newText5); 
document.body.appendChild(newParagraph5);

执行一下

在浏览器中查看示例

另请参阅：

JavaScript 核心对象、方法及属性。

上一篇：JavaScript slice() 方法：数组对象
下一篇：JavaScript sort() 方法：数组对象

JavaScript

JavaScript 入门教程

splice

JavaScript splice() 方法：数组对象

详细说明