在 Angular 中迭代 object 时遇到问题

Question

我在Angular 10中有一个应用程序，我正在写。 我正在传递一个JSON字符串。 我正在尝试将其转换为 object。 我收到一个编译器错误说

'inputObj' 不可迭代。

代码是这样的：

interface FileNode {
  name: string;
  data?: FileNode[];
}
....
....
ParseData(input: string){
    let output: FileNode[] = [];
    let children: FileNode[] = [];
    let inputObj: any[] = JSON.parse(input);
    
    for (let node of inputObj) {
        console.log(JSON.stringify(node));
    }
    
    // this is what I need in the end...
    let newNode: FileNode = {
      name: 'Name',
      data: children,
    }

    output.push(newNode);
    return output;
  }

我传入的数据是这样的：

{
  "Data":"/",
  "Nodes":[
    {
      "Data":"New Text Document.txt",
      "Nodes":[]
    },
    {
      "Data":"L2",
      "Nodes":[
        {
          "Data":"README.txt",
          "Nodes":[]
        },
        {
          "Data":"L2A",
          "Nodes":[
            {
              "Data":"README_L2A.txt",
              "Nodes":[]
            }
          ]
        }
      ]
    },
    {
      "Data":"L3",
      "Nodes":[
        {
          "Data":"README_L3.txt",
          "Nodes":[]
        }
      ]
    }
  ]
}

我究竟做错了什么。 我确信这是愚蠢的，但我只是看不到它。

Answer 1

假设您想遍历Nodes数组，您需要先获取它

 let inputObj:any = JSON.parse(input);
 const nodes:any[] = inputObj['Nodes'];

然后迭代。

您的结构似乎也嵌套得很深，您可以进行一些递归调用，例如

logNodes(node:any){
  if (!node || node.length === 0)
    return;
  console.log(node);
  for(n of node['Nodes'])
    this.logNodes(node.Nodes[i]);
}

ngOnInit(){
  let inputObj:any = JSON.parse(input);
  const nodes:any[] = inputObj['Nodes'];
  this.logNodes(nodes)
}

（未测试）