JavaScript中的splice方法用法詳解

更新時間：2016年07月20日 10:14:37 作者：wenxuechaozhe

JavaScript中的splice主要用來對js中的數(shù)組進行操作，包括刪除，添加，替換等。這篇文章主要介紹了JavaScript中的splice方法用法詳解的相關資料,需要的朋友可以參考下

JavaScript中的splice主要用來對js中的數(shù)組進行操作，包括刪除，添加，替換等。

注意：這種方法會改變原始數(shù)組！。

1.刪除-用于刪除元素，兩個參數(shù)，第一個參數(shù)（要刪除第一項的位置），第二個參數(shù)（要刪除的項數(shù)）

2.插入-向數(shù)組指定位置插入任意項元素。三個參數(shù)，第一個參數(shù)（插入位置），第二個參數(shù)（0），第三個參數(shù)（插入的項）

3.替換-向數(shù)組指定位置插入任意項元素，同時刪除任意數(shù)量的項，三個參數(shù)。第一個參數(shù)（起始位置），第二個參數(shù)（刪除的項數(shù)），第三個參數(shù)（插入任意數(shù)量的項）

示例：

1、刪除功能，第一個參數(shù)為第一項位置，第二個參數(shù)為要刪除幾個。

array.splice(index,num)，返回值為刪除內(nèi)容，array為結(jié)果值。

eg：

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = ['a','b','c','d']; 
var removeArray = array.splice(0,2); 
alert(array);//彈出c,d 
alert(removeArray);//返回值為刪除項，即彈出a,b 
</script> 
</body> 
</html>

2、插入功能，第一個參數(shù)（插入位置），第二個參數(shù)（0），第三個參數(shù)（插入的項）

array.splice(index,0,insertValue)，返回值為空數(shù)組，array值為最終結(jié)果值

eg:

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = ['a','b','c','d']; 
var removeArray = array.splice(1,0,'insert'); 
alert(array);//彈出a,insert,b,c,d 
alert(removeArray);//彈出空 
</script> 
</body> 
</html>

3、替換功能，第一個參數(shù)（起始位置），第二個參數(shù)（刪除的項數(shù)），第三個參數(shù)（插入任意數(shù)量的項）

array.splice(index,num,insertValue)，返回值為刪除內(nèi)容，array為結(jié)果值。

eg:

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = ['a','b','c','d']; 
var removeArray = array.splice(1,1,'insert'); 
alert(array);//彈出a,insert,c,d 
alert(removeArray);//彈出b 
</script> 
</body> 
</html>

以上所述是小編給大家介紹的JavaScript中的splice方法用法詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: