JavaScript中的splice方法用法詳解

字號:


    JavaScript中的splice主要用來對js中的數(shù)組進(jìn)行操作,包括刪除,添加,替換等。
    注意:這種方法會改變原始數(shù)組!。
    1.刪除-用于刪除元素,兩個參數(shù),第一個參數(shù)(要刪除第一項(xiàng)的位置),第二個參數(shù)(要刪除的項(xiàng)數(shù))
    2.插入-向數(shù)組指定位置插入任意項(xiàng)元素。三個參數(shù),第一個參數(shù)(插入位置),第二個參數(shù)(0),第三個參數(shù)(插入的項(xiàng))
    3.替換-向數(shù)組指定位置插入任意項(xiàng)元素,同時刪除任意數(shù)量的項(xiàng),三個參數(shù)。第一個參數(shù)(起始位置),第二個參數(shù)(刪除的項(xiàng)數(shù)),第三個參數(shù)(插入任意數(shù)量的項(xiàng))
    示例:
    1、刪除功能,第一個參數(shù)為第一項(xiàng)位置,第二個參數(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);//返回值為刪除項(xiàng),即彈出a,b
    </script>
    </body>
    </html>
    2、插入功能,第一個參數(shù)(插入位置),第二個參數(shù)(0),第三個參數(shù)(插入的項(xiàng))
    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ù)(刪除的項(xiàng)數(shù)),第三個參數(shù)(插入任意數(shù)量的項(xiàng))
    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方法用法詳解,希望對大家有所幫助