jq使用splice删除数组元素出错的解决方法

简介: jq使用splice删除数组元素出错的解决方法

jq的splice用于删除数组里某些元素,并且会改变原数组

定义和用法

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注释:该方法会改变原始数组。

语法

arrayObject.splice(index,howmany,item1,.....,itemX)

参数 描述
index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX 可选。向数组添加的新项目。

返回值

类型 描述
Array 包含被删除项目的新数组,如果有的话。

说明

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

浏览器支持

所有主流浏览器都支持 splice() 方法。

提示和注释

注释:请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。


下面是一个实例

var arr = [1,2,3,4,5,6,7,8,9];

for(i=0;i<arr.length;i++){

arr.splice(2,1);

}

console.log(arr);

输出结果:[1, 2, 8, 9];

是不是和预想的结果不一样?

难道不是就删除arr[2]的属性么,为什么会删除这么多?

原因在于,当删除arr[2],页就是删除3的时候,arr数组将会重新进行计算索引,则那时候的值是

arr=[1,2,4,5,6,7,8,9];i的值为1;那时候的length值为8

第二次循环依然可以删除4;i的值为2;那时候的length值为8

arr=[1,2,5,6,7,8,9];

以此类推,到[1,2,7,8,9]时,i为5,那时候的length值为5;

所以最后一次删除arr[2]时,循环结束

剩余

[1,2,8,9];

所以,当你真正想循环删除数组元素时,在删除之后要i--才能保证循环指针正确指向下一个需要处理的元素上

例如 当你想

var arr = [1,2,3,4,5,6,7,8,9];

for(i=0;i<arr.length;i++){

arr.splice(i,1);

}

console.log(arr);

结果为[2,4,6,8];

var arr = [1,2,3,4,5,6,7,8,9];

for(i=0;i<arr.length;i++){

arr.splice(i,1);

i--;

}

console.log(arr);

结果为空数组


目录
相关文章
|
2月前
|
JavaScript
JS中的splice的三种用法(删除,替换,插入)
JS中的splice的三种用法(删除,替换,插入)
230 4
|
2月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
49 1
|
2月前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
19 0
|
5月前
|
JavaScript
JS数组操作---删除,arr.pop()方法从数组中删除最后一个元素,并返回该元素的值,arr.shift() 删除第一个值,arr.splice()方法,删除指定元素,arr.splice,从第一
JS数组操作---删除,arr.pop()方法从数组中删除最后一个元素,并返回该元素的值,arr.shift() 删除第一个值,arr.splice()方法,删除指定元素,arr.splice,从第一
|
7月前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
122 0
|
7月前
|
JavaScript 前端开发
js添加、删除、替换或插入元素。
js添加、删除、替换或插入元素。
42 0
|
JavaScript
js 字符串截取 slice 的小bug 以及处理方式
js 字符串截取 slice 的小bug 以及处理方式
120 0
|
JavaScript
js:Array数组插入元素操作的4种方式
js:Array数组插入元素操作的4种方式
164 0
|
JSON JavaScript 数据格式
JQ遍历实现的场景
场景要求我们使用JQ将数据绑定到对于的位置上如下面两个图所示,从基础代码来看,我们需要使用JQ的遍历来简单地达到我们的预期目标,如果不使用JQ遍历的话就会造成我们需要一个盒子一个盒子地去赋值,造成代码冗余,这也是体现了JQ遍历的重要性。
109 0
JQ遍历实现的场景
|
JavaScript
删除所有错误的值 JS Array
删除所有错误的值 JS Array
69 0