如何使用 id 删除嵌套的 JSON 对象

Question

在我的应用程序中，我创建了一个基于 JSON 的 JavaScript 对象，类似于：

{
  name: "root",
  id: 112,
  children: [
    {
      name: "child one",
      id: 231,
      children: [
       {name: "grand child 1", id: 334, children: []},
       {name: "grand child 2", id: 784, children: []}
      ]
   },
   {
     name: "child two",
     id: 343,
     children: []
   }
  ]
}

我怎样才能通过他的 id 删除任何孩子？ 请注意，我不知道节点的静态路径，例如 id == 334，所以我想知道如何仅知道它的 id 就可以删除该节点。

Answer 1

function del(obj,id){
  obj.children = obj.children.filter(el => {
    if(el.children) del(el,id);//delete subnodes
    return el.id !== id; //delete this
 });
}

遍历对象的递归方法，可用作：

del(
 { children:[ { id:1 }, { id:2, children:[{id:1}] }] },
1
);

Answer 2

检查这个：

var abc = your json object;

//现在根据id过滤项目

abc = jQuery.grep(
                abc.children, 
                function (item,index) { 
                  return item.id !=  "343"; 
                });

希望它有帮助。

Answer 3

var delIt = function (obj,id) {

   return obj.children = obj.children.filter(function (child) {
        if(child.children) delIt(child,id);
        return child.id!=id;
    });


}

var x= delIt(Tobj,335);

您可以使用过滤器功能来收集不等于给定 id 的项目