怎么在JavaScript中删除JSON对象的数组-创新互联

这篇文章将为大家详细讲解有关怎么在JavaScript中删除JSON对象的数组,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

成都创新互联公司从2013年成立,先为洛隆等服务建站,洛隆等地企业,进行企业商务咨询服务。为洛隆企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

在 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,这正是我们想要的结果。

JavaScript splice() 方法

数组中添加新元素:





js数组添加元素_创新互联<a href="https://www.cdcxhl.com/" target="_blank">网站建设公司</a>,



点击按钮向数组添加元素。

点我

splice定义和用法

splice() 方法用于添加或删除数组中的元素。

注意:这种方法会改变原始数组。

返回值

如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。

怎么在JavaScript中删除JSON对象的数组

语法

array.splice(index,howmany,item1,.....,itemX)

参数 Values

参数描述
index必需。规定从何处添加/删除元素。
 该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany可选。规定应该删除多少元素。必须是数字,但可以是 "0"。
 如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX可选。要添加到数组的新元素

返回值

Type描述
Array如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

更多实例

实例

移除数组的第三个元素,并在数组第三个位置添加新元素:





创新互联<a href="https://www.cdcxhl.com/" target="_blank">网站建设公司</a>,



点击按钮添加和删除元素。

点我

实例
从第三个位置开始删除数组后的两个元素:





创新互联<a href="https://www.cdcxhl.com/" target="_blank">网站建设公司</a>,



点击按钮删除数组中的两个元素。

点我

关于怎么在JavaScript中删除JSON对象的数组就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


新闻标题:怎么在JavaScript中删除JSON对象的数组-创新互联
当前地址:http://bzwzjz.com/article/cdepgh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都品牌网站设计 网站制作报价 成都网站建设公司 成都网站制作 成都商城网站建设 成都网站建设 定制网站制作 成都企业网站制作 成都企业网站设计 重庆企业网站建设 网站制作 成都定制网站建设 重庆网站建设 定制网站设计 网站建设公司 四川成都网站制作 成都网站建设 外贸网站设计方案 成都网站设计 成都做网站建设公司 外贸网站建设 成都营销网站建设