使用splice函数做删除、插入、替换操作的方法

splice方法，是JavaScript数组方法中最强大的了，它有很多种用法，但主要的用途还是对数组做删除，插入，替换操作，具体使用方式分为下面3步进行讲解。

工具/原料

任意浏览器

文本编辑器

1. 使用splice做指定位置指定长度的删除操作

1、需指定两个参数：- 要删除的第一项的位置- 要删除的项数

2、代码示例：var colors = ['red', &#补朱锚卦39;green', &垆杪屑丝#39;blue'];var removed = colors.splice(0,1);console.log(colors); // ['green', 'blue']console.log(removed); // [red]

2. 使用splice()在指定位置插入新元素

1、需要提供3个参数给splice函数：- 起始位置- 要删除项数（插入时为0）- 要插入的项，

2、代码例如：var colors = ['red', &#补朱锚卦39;green', &垆杪屑丝#39;blue'];var removed = colors.splice(1, 0, 'yellow');console.log(colors); // ['red','yellow','green', 'blue']console.log(removed); // 返回一个空数组[]

3. 使用splice()做元素替换

1、需要提供3个参数，大体上跟插入操作一样，唯一的不同在于第二个参数不为0.- 起始位置- 要删除项数（插入时为0，删除时为要删除的项数）- 要插入的项

2、代码例如：var colors = ['red', &#补朱锚卦39;green', &垆杪屑丝#39;blue'];var removed = colors.splice(1, 1, 'yellow');console.log(colors); // ['red','yellow', 'blue']console.log(removed); // 返回一个空数组['green']