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);

结果为空数组