js数组删除问题(splice和delete的用法)

js数组删除问题

用到了数组的删除,分别使用了splice和delete方法,记录一下,方便下次查找。

原数组是一个关联数组,如

var test=[];
test[1]={name:'1',age:1};
test[2]={name:'2',age:2};
test[4]={name:'3',age:3};

console.log(test)

长度为5的关联数组,现在开始删除。

1.splice方法

test.splice(2,1);
console.log(test)// 打印结果如下

js数组删除问题(splice和delete的用法)_第1张图片

ps:数组长度相应改变,但是原来的数组索引也相应改变,splice参数中第一个2,是删除的起始索引(从0算起),在此是数组第二个元素。第二个1,是删除元素的个数,在此只删除一个元素,即test[2];

此时遍历数组元素可以用普通遍历数组的方式,比如for,因为删除的元素在数组中并不保留。

2.delete方法

delete test[2];
console.log(test);// 打印结果如下

js数组删除问题(splice和delete的用法)_第2张图片

ps:这种方式数组长度不变,此时test[2]变为undefined了,好处是原来数组的索引也保持不变,此时要遍历数组元素可以才用。这种遍历方式跳过其中undefined的元素,所以非常实用。

for(i in test)
{
 console.log(test[i])
}
//打印结果如下:

js数组删除问题(splice和delete的用法)_第3张图片

js数组删除方式 delete 与 splice区别

js的数组删除方式有两种:

1.delete (删除之后,数组的长度不发生变化。如图所示:删除一条数据后长度还是2)

var array = ["/profile/upload/2022/07/25/OIP-C_20220725151518A011.jpg"  ,   "/profile/upload/2022/07/25/OIP-C_20220725151518A003.jpg"]
delete array[0]

 2.splice (删除之后,数组的长度也发生变化。如图所示:删除一条数据后长度变为1)

var array = ["/profile/upload/2022/07/25/OIP-C_20220725151518A011.jpg"  ,  "/profile/upload/2022/07/25/OIP-C_20220725151518A003.jpg"]

splice(0,1);括号中的第一个'0'数字是起始位置,后一个数字'1'是需要删除的长度

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

你可能感兴趣的:(js数组删除问题(splice和delete的用法))