splice方法,是JavaScript数组方法中最强大的了,它有很多种用法,但主要的用途还是对数组做删除,插入,替换操作,具体使用方式分为下面3步进行讲解。
工具/原料
任意浏览器
文本编辑器
1. 使用splice做指定位置指定长度的删除操作
1、需指定两个参数:- 要删除的第一项的位置- 要删除的项数
2、代码示例:var colors = ['red', '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', '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', 'green', &垆杪屑丝#39;blue'];var removed = colors.splice(1, 1, 'yellow');console.log(colors); // ['red','yellow', 'blue']console.log(removed); // 返回一个空数组['green']