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

火兰

于 2021-03-24 17:18:06 发布

阅读量397

点赞数

分类专栏： JSON 文章标签： json

本文链接：https://blog.csdn.net/qq_47443027/article/details/115182158

版权

JSON 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

delete 运算符并不是彻底删除元素，而是删除它的值，但仍会保留空间实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>删除数组元素，长度不会变化。</p>
<p>delete 运算符并不是彻底删除元素，而是删除它的值，但仍会保留空间。</p>

<p id="demo"></p>

<script>
var myObj, i, x = "";
myObj = {
	"name":"网站",
	"num":3,
	"sites":[ "Google", "Runoob", "Taobao" ]
};
delete myObj.sites[1];

x = "sites.length = " + myObj.sites.length + "<br><br>";
	
for (i in myObj.sites) {
    x += i + " " + myObj.sites[i] + "<br>";
}

document.getElementById("demo").innerHTML = x;

</script>

</body>
</html>

结果为

删除数组元素，长度不会变化。

delete 运算符并不是彻底删除元素，而是删除它的值，但仍会保留空间。

sites.length = 3

0 Google
2 Taobao

火兰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS 中彻底删除 JSON 对象组成的数组中的元素

JS 中彻底删除 JSON 对象组成的数组中的元素分类编程技术在 JS 中，对于某个由 JSON 对象组成的数组，例如：var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];如果我们想要删除其中的第二个json对象，应该怎么做呢？其实方法和操作数组完全相同。在最开始的时候尝试使用了delete运算符，但在查询数组长度的时候发现其实这种方法并不是彻底删除元素，而是删除...
复制链接

扫一扫