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

更新时间：2023年02月10日 10:28:13 作者：QQ向天歌

这篇文章主要介绍了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)// 打印结果如下

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

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

2.delete方法

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

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

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

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'是需要删除的长度

总结

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

您可能感兴趣的文章:

JSP跨iframe如何传递参数实现代码
表单与操作页面分离，按钮按下，click 或者onclick事件触发，传递一个唯一性的参数至子页面JSP，感兴趣的朋友可以了解下
2013-09-09
Js+Ajax,Get和Post在使用上的区别小结
下面小编就为大家带来一篇Js+Ajax,Get和Post在使用上的区别小结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
js 动态修改css文件用到了cssRule
js 动态修改css文件，循环用的underscore，在使用cssRule只能使用cssRule.style.padding=0px，详细示例如下
2014-08-08
JS弹出层单纯的绝对定位居中示例代码
这篇文章主要介绍了JS弹出层的绝对定位居中是如何实现的,需要的朋友可以参考下
2014-02-02
javascript 延迟加载技术(lazyload)简单实现
延迟加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.
2011-01-01
javascript获取时间戳的5种方法详解
这篇文章主要介绍了javascript获取时间戳的5种方法详解,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2023-03-03
JS实现的简单tab切换功能完整示例
这篇文章主要介绍了JS实现的简单tab切换功能,结合完整实例形式分析了javascript基于事件响应实现页面元素属性动态变换相关操作技巧,需要的朋友可以参考下
2019-06-06
undefined与null的区别示例详解
这篇文章主要为大家介绍了undefined与null的区别示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
Bootstrap源码解读按钮（5）
这篇文章主要源码解读了Bootstrap按钮，介绍了Bootstrap各式各样的按钮,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
JS获取页面input控件中所有text控件并追加样式属性
使用jquery来在页面加载时获取页面input控件中所有text控件并添加样式,由于其他方式比较麻烦所以就想通过在页面加载的时候将要改动的text找到并添加属性，感兴趣的你可以参考下，希望可以帮助到你
2013-02-02