Javascript--Array数组的splice()方法之删除、插入、替换

Array数组的splice()方法，也是一个非常强大的方法，它的作用是:删除、插入、替换
需要注意的是： splice()方法是直接修改原数组的

一、删除的用法
语法: array.splice(starti,n);

starti 指的是从哪个位置开始(不包含starti)
n指的是需要删除的个数

[html] view
plain copy

<script>  

    var array=[1,2,3,4,5];  

    array.splice(3,2);  

    console.log(array);  

</script>  

结果： [1,2,3]

这里有个小拓展：其实被删除的元素可以用一个变量接收的，这个接收的变量可以作为拼接数组来使用

[html] view plain copy <script>  
    var array=[1,2,3,4,5];  
    var deletes =array.splice(3,2);  
    console.log(deletes);  
    console.log(array);  
</script>  

结果： [4,5] [1,2,3]

我们将删除后的元素在拼接回原来的数组

[html] view plain copy <script>  
    var array=[1,2,3,4,5];  
    var deletes =array.splice(3,2);  
    console.log(deletes);  
    console.log(array);  
    array=array.concat(deletes);  
    console.log(array);  
</script>  

结果： [4,5] [1,2,3] [1,2,3,4,5]

二、插入的用法

语法：array.splice(starti,0,值1，值2...);

starti: 在哪个位置插入，原来starti位置的值向后顺移

0：表示删除0个元素，因为插入和替换都是由删除功能拓展的。

值1，值2：需要插入的值

[html] view plain copy <script>  
    var array=[1,2,3,4,5];  
    array.splice(2,0,123,456);  
    console.log(array);  
</script>  

结果： [1,2,123,456,3,4,5]

三、替换的用法

语法:array.splice(starti,n,值1，值2);

原理和插入的用法相同

实际是就是：在starti的位置删除n个元素，然后在这个位置插入值1，值2,就可以起到替换

原来被删除的值

[html] view
plain copy

<span style="font-size:24px;"><script>  

    var array=[1,2,3,4,5];  

    array.splice(2,2,123,456);  

    console.log(array);  

</script></span>  

结果：[1,2,123,456,5]