1. 程式人生 > >數組多功能splice()方法的插入,刪除,替換

數組多功能splice()方法的插入,刪除,替換

clas div var http 方法 back .com text bsp

多功能splice()插入、刪除、替換

技術分享

  <script type="text/javascript">
         var arr=[‘A‘,‘B‘,‘C‘,‘D‘,‘E‘,‘F‘,‘G‘];
         arr.splice(3,2,‘蘋果‘,‘葡萄‘);  //替換一些項
         console.log(arr);
    </script>

技術分享

  <script type="text/javascript">
         // 更改一些項
         var arr=[‘A‘,‘B‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘]
         arr.splice(
3,2,‘x‘,‘y‘,‘x‘,‘斯密碼‘); //更改一些項 console.log(arr); </script>

技術分享

 <script type="text/javascript">
         var arr=[‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘]
            arr.splice(2,1,‘哈哈‘);//更改一個項
            console.log(arr);
    </script>

技術分享

  <script type="text/javascript">
         var
arr=[‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘]; arr.splice(2,4) //沒有東西可以替換,就直接刪除 console.log(arr); </script>

技術分享

    <script type="text/javascript">
         var arr=[‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘];
         arr.splice(2);
         console.log(arr);
    </script>

技術分享

    <script type="text/javascript">
         var
arr=[‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘]; arr.splice(2,0,‘嘻嘻‘,‘哈哈‘); //插入一些項 console.log(arr); </script>

技術分享

二、案例 :刪除數組最後五項

    <script type="text/javascript">
         //刪除數組最後五項
         var arr[‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘];
         arr.pop();
         arr.pop();
         arr.pop();
         arr.pop();
         arr.pop();
         //簡化為
         for(var i=0; i<arr.length; i++;){
            arr[i].pop();
         }
         //也可以
         arr.splice(-5);
         console.log(arr);
    </script>

數組多功能splice()方法的插入,刪除,替換