我怎样才能访问我知道动态键像树一样的对象

Question

我有像下面这样的动态数据树结构，但数据是可变的（例如可以将子元素添加到 id：6）元素，我想访问它我知道 id 名称节点例如 id 是 7 我这样访问它

tree.children[0].children[0].children[1]

但是如果我只知道 id 名称，如果我不知道它在哪个节点中，我怎么能从给定的树结构中找到它 为了更好地理解例如我只知道 id 是 7 我想 tree.children[0].children[0].children[1] 这个路径我怎么能动态地做

  let tree = {
    id: 1,
    name: "tree1",
    children: [
      {
        id: 2,
        name: "tree2",
        children: [
          {
            id: 4,
            name: "tree4",
            children: [
              {
                id: 6,
                name: "tree6"
              },
              {
                id: 7,
                name: "tree7"
              }
            ]
          },
          {
            id: 5,
            name: "tree5"
          }
        ]
      },
      {
        id: 3,
        name: "tree3"
      }
    ]
  };

Answer 1

要访问它，请使用document.getElementById("tree7", "tree 6")。然后只需添加一些执行内容。或者使用变量

var tree6 = document.getElementById("tree6");
var tree7 = document.getElementById("tree7");

var treesomething = tree6 + tree7;

Answer 2

类似这样的：

let tree = {
    id: 1,
    name: "tree1",
    children: [
      {
        id: 2,
        name: "tree2",
        children: [
          {
            id: 4,
            name: "tree4",
            children: [
              {
                id: 6,
                name: "tree6"
              },
              {
                id: 7,
                name: "tree7"
              }
            ]
          },
          {
            id: 5,
            name: "tree5"
          }
        ]
      },
      {
        id: 3,
        name: "tree3"
      }
    ]
  };
  
const findById = (id, obj, path = 'tree') => {
    if (obj.id === id) return [obj, path];
    else if (obj.children) {
        for (let i = 0; i < obj.children.length; i++) {
            const [child, p] = findById(id, obj.children[i], path + `.children[${i}]`);
            if (child) {
                return [child, p];
            }
        }
    }
    return [null, path];
}

console.log(findById(7, tree, 'tree'));

Answer 3

这就是你要找的吗？

let tree = {
  id: 1,
  name: "tree1",
  children: [{
      id: 2,
      name: "tree2",
      children: [{
          id: 4,
          name: "tree4",
          children: [{
              id: 6,
              name: "tree6"
            },
            {
              id: 7,
              name: "tree7"
            }
          ]
        },
        {
          id: 5,
          name: "tree5"
        }
      ]
    },
    {
      id: 3,
      name: "tree3"
    }
  ]
};

const findNodeById = (node, id) => {
  if (node.id === id) {
    return node
  } else if (node.children && node.children.length > 0) {
    for (let child of node.children) {
      node = findNodeById(child, id);
      if (node)
        return node
    }
  } else {
    return null;
  }
}

const node = findNodeById(tree, 7);
console.log(node);