JavaScript中的splice方法用法詳解

字號(hào):


    JavaScript中的splice主要用來對(duì)js中的數(shù)組進(jìn)行操作,包括刪除,添加,替換等。
    注意:這種方法會(huì)改變?cè)紨?shù)組!。
    1.刪除-用于刪除元素,兩個(gè)參數(shù),第一個(gè)參數(shù)(要?jiǎng)h除第一項(xiàng)的位置),第二個(gè)參數(shù)(要?jiǎng)h除的項(xiàng)數(shù))
    2.插入-向數(shù)組指定位置插入任意項(xiàng)元素。三個(gè)參數(shù),第一個(gè)參數(shù)(插入位置),第二個(gè)參數(shù)(0),第三個(gè)參數(shù)(插入的項(xiàng))
    3.替換-向數(shù)組指定位置插入任意項(xiàng)元素,同時(shí)刪除任意數(shù)量的項(xiàng),三個(gè)參數(shù)。第一個(gè)參數(shù)(起始位置),第二個(gè)參數(shù)(刪除的項(xiàng)數(shù)),第三個(gè)參數(shù)(插入任意數(shù)量的項(xiàng))
    示例:
    1、刪除功能,第一個(gè)參數(shù)為第一項(xiàng)位置,第二個(gè)參數(shù)為要?jiǎng)h除幾個(gè)。
    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、插入功能,第一個(gè)參數(shù)(插入位置),第二個(gè)參數(shù)(0),第三個(gè)參數(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、替換功能,第一個(gè)參數(shù)(起始位置),第二個(gè)參數(shù)(刪除的項(xiàng)數(shù)),第三個(gè)參數(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方法用法詳解,希望對(duì)大家有所幫助