首頁 > web前端 > js教程 > 主體

JavaScript中的splice方法用法詳解

高洛峰
發布: 2017-01-03 16:20:30
原創
1788 人瀏覽過

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

注意:這個方法會改變原始陣列! 。

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

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

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

範例:

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

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

eg:

<!DOCTYPE html>
<html>
<body>
<script>
var array = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
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 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
var removeArray = array.splice(1,0,&#39;insert&#39;);
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 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
var removeArray = array.splice(1,1,&#39;insert&#39;);
alert(array);//弹出a,insert,c,d
alert(removeArray);//弹出b
</script>
</body>
</html>
登入後複製

   

以上所述是小編給大家介紹的JavaScript中的splice方法用法詳解,希望對大家有所幫助,如果有任何疑問請給我留言,小編會及時留言,小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持!

更多JavaScript中的splice方法用法詳解相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板