JS中如何删掉json对象数组的某个元素？

发布时间：2022-04-18 14:09:11 所属栏目：语言来源：互联网

导读：对于删除数组元素大家应该都不陌生，那么如果是json对象数组删除元素，我们该如何做呢？对此，小编给大家介绍一下在JS中删除json对象数组元素的方法，感兴趣的朋友就继续往下看吧。在 JS 中，对于某个由 JSON 对象组成的数组，例如： var test = [{ a: 1, b

对于删除数组元素大家应该都不陌生，那么如果是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

<p id="demo">点击按钮向数组添加元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
var x=document.getElementById("demo");
x.innerHTML=fruits;

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

Tomcat下载和安置	装饰器模式装饰设计模
无用单元采集垃圾回收	Java访问对象的属性和