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

时间:2024-10-12 01:16:05

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']

© 手抄报圈