JS中彻底删除json对象组成的数组中的元素

ゝ一世哀愁。 2021-09-27 11:38 288阅读 0赞

只是分享一个小知识~

在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     可选，选择添加操作时填入，表示需要添加的元素。

发表评论取消回复

表情：

评论列表（有 0 条评论，288人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 删除数组中的指定元素

【代码】js 删除数组中的指定元素。

约定不等于承诺〃/ 2024年04月22日 15:13/ 0 赞/ 95 阅读

相关 JS删除数组中的某个元素

方式一：使用splice() splice(index,len,\[item\]) index: 元素下标 len: 替换/删除的长度 item: 替

朱雀/ 2023年02月21日 11:56/ 0 赞/ 220 阅读

相关 JS删除树结构数组中元素的方法

foreach循环中不可以直接删除元素，会因数组长度减少而循环下标不变导致部分数据遍历不到导致漏删，建议使用filter方法。如下所示：参数data的数据结构为：\[\

今天药忘吃喽~/ 2023年01月05日 12:23/ 0 赞/ 172 阅读

相关 js删除数组中的元素

一、从数组中删除指定值元素：下面的代码使用了两种方式删除数组的元素，第一种定义一个单独的函数，第二种为Array对象定义了一个removeByValue的方法，调用非常简

骑猪看日落/ 2022年06月15日 11:17/ 0 赞/ 280 阅读

相关 js 删除数组中的指定元素

var a = new Array("a","b","cc","d3"); var index = $.inArray("cc",a);

阳光穿透心脏的1/2处/ 2022年06月13日 12:10/ 0 赞/ 326 阅读

相关 js 删除数组中指定元素

一、不直接修改数组方法一： function removeElement(arr, item) { var result=[]; fo

迷南。/ 2022年05月19日 11:19/ 0 赞/ 275 阅读

相关 js去掉数组中重复的json对象

需求：去除数组对象中重复的json对象![20190430153102848.png][] js代码： var arr=[{ service_c

拼搏现实的明天。/ 2022年04月25日 02:18/ 0 赞/ 404 阅读

相关 JS中删除json对象组成的数组中的元素

var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];

今天药忘吃喽~/ 2022年03月16日 02:58/ 0 赞/ 207 阅读

相关 js怎么删除json中指定的元素

删除json下指定的元素 var obj = {'id':1, 'name':'小明'}; delete obj.id; delete obj[i

╰半夏微凉°/ 2022年02月25日 09:06/ 0 赞/ 612 阅读

相关 JS中彻底删除json对象组成的数组中的元素

只是分享一个小知识~ 在JS中，对于某个由json对象组成的数组，例如： var test = [{ "a": "1", "b": "2" }, { "a": "3

ゝ一世哀愁。/ 2021年09月27日 11:38/ 0 赞/ 289 阅读