DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中的splice方法用法詳解
JavaScript中的splice方法用法詳解
編輯:關於JavaScript     

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

注意:這種方法會改變原始數組!。

1.刪除-用於刪除元素,兩個參數,第一個參數(要刪除第一項的位置),第二個參數(要刪除的項數)

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

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

示例:

1、刪除功能,第一個參數為第一項位置,第二個參數為要刪除幾個。

array.splice(index,num),返回值為刪除內容,array為結果值。

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、插入功能,第一個參數(插入位置),第二個參數(0),第三個參數(插入的項)

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

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、替換功能,第一個參數(起始位置),第二個參數(刪除的項數),第三個參數(插入任意數量的項)

array.splice(index,num,insertValue),返回值為刪除內容,array為結果值。

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方法用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved