<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js數(shù)組添加元素_腳本之家</title>
</head>
<body>

<p id="demo">點(diǎn)擊按鈕向數(shù)組添加元素。</p>
<button onclick="myFunction()">點(diǎn)我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,0,"Lemon","Kiwi");
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

</body>
</html>

splice定義和用法

splice() 方法用于添加或刪除數(shù)組中的元素。

注意：這種方法會(huì)改變?cè)紨?shù)組。

返回值

如果僅刪除一個(gè)元素，則返回一個(gè)元素的數(shù)組。如果未刪除任何元素，則返回空數(shù)組。

語(yǔ)法

array.splice(index,howmany,item1,.....,itemX)

參數(shù) Values

參數(shù)	描述
index	必需。規(guī)定從何處添加/刪除元素。該參數(shù)是開(kāi)始插入和（或）刪除的數(shù)組元素的下標(biāo)，必須是數(shù)字。
howmany	可選。規(guī)定應(yīng)該刪除多少元素。必須是數(shù)字，但可以是 "0"。如果未規(guī)定此參數(shù)，則刪除從 index 開(kāi)始到原數(shù)組結(jié)尾的所有元素。
item1, ..., itemX	可選。要添加到數(shù)組的新元素

返回值

Type	描述
Array	如果從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數(shù)組。

更多實(shí)例

實(shí)例

移除數(shù)組的第三個(gè)元素，并在數(shù)組第三個(gè)位置添加新元素:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>腳本之家</title>
</head>
<body>

<p id="demo">點(diǎn)擊按鈕添加和刪除元素。</p>
<button onclick="myFunction()">點(diǎn)我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,1,"Lemon","Kiwi");
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

</body>
</html>

實(shí)例
從第三個(gè)位置開(kāi)始刪除數(shù)組后的兩個(gè)元素：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>腳本之家</title>
</head>
<body>

<p id="demo">點(diǎn)擊按鈕刪除數(shù)組中的兩個(gè)元素。</p>
<button onclick="myFunction()">點(diǎn)我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,2);
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>
	
</body>
</html>

到此這篇關(guān)于JavaScript splice()方法詳解的文章就介紹到這了,更多相關(guān)JavaScript splice()內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: