首页 > 代码库 > JS中彻底删除json对象组成的数组中的元素
JS中彻底删除json对象组成的数组中的元素
只是分享一个小知识~
在JS中,对于某个由json对象组成的数组,例如:
var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];
如果我们想要删除其中的第二个json对象,应该怎么做呢?其实方法和操作数组完全相同。
在最开始的时候尝试使用了delete运算符,但在查询数组长度的时候发现其实这种方法并不是彻底删除元素,而是删除它的值,但仍会保留空间。
var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }]; test.length //输出为 3 delete test[1]; test.length //输出仍为 3
查询运算符delete我们知道它只是将该值置为undefined,而不会影响数组长度,即将其变为稀疏数组(《JS权威指南》7.5节)。
了解及此,也许想着可以将删除点之后的元素各往前移动1个单位,实现彻底剔除该元素,但在JS方法中我们可以查到一种更加简便的方式:splice() 方法
var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }]; test.length //输出为 3 test.splice(1, 1); test.length //输出为 2
删除后test.length变为2,这正是我们想要的结果。
在W3C中我们可以查到有关于splice()的描述:
arrayObject.splice(index, howmany, item1, ....., itemX) 方法向/从数组中添加/删除项目,然后返回被删除的项目。
参数1:index 为插入添加或(和)删除的起始位置;
参数2:howmany 指定从数组中添加/删除的元素个数;
参数3:item1, ....., itemX 可选,选择添加操作时填入,表示需要添加的元素。
JS中彻底删除json对象组成的数组中的元素
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。